码迷,mamicode.com
首页 > Web开发 > 详细

jQuery和CSS3炫酷浮动标签特效

时间:2015-03-17 14:18:21      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:浮动标签   动画   jquery   css3   

这是一款炫酷的jQueryCSS3表单浮动标签特效。浮动标签是指输入框中的文字或占位文本在输入框聚焦的时候,以动画的方式浮动到指定的地方。浮动标签特效是一种新颖时尚的动画特效。不仅效果很酷,而且能以明确的方式提示用户该输入框应该填写上面内容,用户体验非常不错。

这个浮动标签特效中共有4种不同的动画效果。分别是Fieldset样式的浮动标签,使用font-size来动画的浮动标签,使用CSS3 transforms和jquery easing来动画的浮动标签和透明度动画浮动标签。

技术分享

在线演示:http://www.htmleaf.com/Demo/201503161532.html

下载地址:http://www.htmleaf.com/jQuery/Form/201503161531.html

jQuery和CSS3炫酷浮动标签特效

标签:浮动标签   动画   jquery   css3   

原文地址:http://blog.csdn.net/souhugirl/article/details/44340185

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!