一款带有发光动画的HTML5表单
2012-09-15 21:59
302 查看
一款很酷的带有发光动画的HTML5表单
当表单获取焦点时,表单四周就会呈现出发光动画的效果,并不断地进行颜色渐变;当表单失去焦点时,停止发光。其中颜色渐变的动画只有基于webkit的浏览器(支持HTML5的浏览器)才有效果,比如chrome和safari。下面简单贴一下实现这个发光HTML5表单的CSS代码和HTML代码。
预览地址:http://www.wanqianduan.com/demo/html5-shine-form/index.html
下载地址:http://115.com/file/c2tzi31p
原创文章转载请注明出处: : http://www.wanqianduan.com/84.html
| 玩前端
相关文章推荐
- 一款html5和css3实现的小机器人走路动画
- 一款html5和css3实现的小机器人走路动画
- 12款炫酷实用的HTML5带发光动画
- HTML5 Canvas 3D旋转动画 模糊发光特效
- 一款基于HTML5和jquery小球跳舞的时间动画
- 一款纯html5实现的人跑步动画
- 一款基于jquery ui的动画提交表单
- 一款基于HTML5 Canvas的画板涂鸦动画
- 一款纯html5实现的人跑步动画
- HTML5带发光动画
- 一款基于HTML5 Canvas的画板涂鸦动画
- html5 css3实例教程 一款html5和css3实现的小机器人走路动画
- 一款基于jquery ui的动画提交表单
- 一款利用html5和css3动画排列人物头像的实例演示
- 一款基于jquery ui的动画提交表单
- 【示例源码】一款HTML5和jQuery打造的绚丽图片动画特效相册
- HTML5动画实例
- 一款好看+极简到不行的HTML5音乐播放器-skPlayer
- 分享9款很有创意的HTML5动画
- 7个惊艳的HTML5 Canvas动画效果及源码