[HTML5技术]一款带有发光动画的HTML5表单

[tr][td] 今天给大家秀一款带有发光动画的HTML5表单，挺酷的，效果图如下：







 当表单获取焦点时，表单四周就会呈现出发光动画的效果，并不断地进行颜色渐变；当表单失去焦点时，停止发光。其中颜色渐变的动画只有基于webkit的浏览器才有效果，比如chrome和safari。下面简单贴一下实现这个发光HTML5表单的CSS代码和HTML代码，如果你喜欢可以将它分享给你的朋友。


 HTML代码如下：

[*]
[*]
[*]
[*] Email
[*]
[*] Password
[*]
[*]
[*]
[*]
[*]

复制代码

 CSS代码如下：

[*]

复制代码

 其中，表单焦点切换需要jquery支持，js代码如下：

[*]
[*]

复制代码



查看效果：
http://bbs.html5cn.org/thread-8044-1-1.html





源代码下载： 发光表单.rar
[/td][/tr]