添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 建站教程 > HTML5+CSS3 >

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

时间:2013-11-03      来源:uehtml.com     
在输入密码的时候,随着密码长度的增加,仪表盘指针旋转动画效果。类似汽车转数表非常漂亮!演示 案例或 下载 此效果。
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>
相关文章

大家都在看

最新更新