CSS3打造美丽的密码强度指示

时间:2015-08-26
在输入密码的时候,随着密码长度的增加,仪表盘指针旋转动画效果。类似汽车转数表非常漂亮!下载 此效果。
CSS3打造美丽的密码强度指示-科e互联

CSS3创意鼠标动画特效HTML样式代码:
<div id="main">
<h1>Sign up, it's FREE!</h1>
<form class="" method="post" action="">
<div class="row email">
<input type="text" id="email" name="email" placeholder="Email" />
</div>
<div class="row pass">
<input type="password" id="password1" name="password1" placeholder="Password" />
</div>
<div class="row pass">
<input type="password" id="password2" name="password2" placeholder="Password (repeat)" disabled="true" />
</div>
<div class="arrowCap"></div>
<div class="arrow"></div>
<p class="meterText">Password Meter</p>
<input type="submit" value="Register" />
</form>
</div>
上一篇:纯CSS3打造立体质感按钮 下一篇:CSS3动画属性Transform解读

相关文章

最新文章