CSS3按钮发光动画绚丽多彩

29,923 人浏览

2014-01-21 17:58:04

今天分享一款基于纯CSS3的发光按钮，多种色彩的按钮排列在网页上，伴随着闪闪发光的效果，CSS3的强大肯定会让你叹为观止。该CSS3按钮发光动画主要是利用了webkit的动画属性，让各种颜色规律性的发生变化。也许这么绚丽的CSS3按钮应用不那么广泛，但是在一些需要特效的网页中用来做提交表单按钮或者菜单项，那就非常方便了。

css3-shine-buttons

在线演示源码下载

CSS3密码强度验证表单码速表样式

18,281 人浏览

发表回复

我们在网站上注册会员时，输入一个强大较大的密码会大大增加帐号安全性，那么什么样的密码才比较安全呢？这款CSS3密码强度验证表单插件可以提示你当前输入密码的安全级别，有意思的是该密码强度验证插件的样式酷似码速表，随着密码强度的加大，码速表指针就会顺时针旋转，当然旋转的特效是利用CSS3结合jQuery实现的。

css3-password-strong-form

在线演示源码下载

纯CSS3 Android Logo动画绘制小手还会动

16,136 人浏览

发表回复

2014-01-20 15:25:08

利用CSS3可以绘制很多复杂的图案图标，今天就利用纯CSS3实现Android Logo图标，该CSS3 Android Logo主要利用了CSS3中的圆角等属性，绘制出来的Logo非常逼真，同时该Android Logo还有动画效果，鼠标滑过Android小人的头和手时，小手还能够挥动。

在线演示源码下载

纯CSS3发光登录表单

20,199 人浏览

发表回复

我们见过很多CSS3表单，制作都非常精美，今天介绍的这款CSS3表单不但外观华丽，而且伴有颜色发光动画。当鼠标激活表单时，表单周围就会出现颜色渐变的发光动画，配合黑色的背景，整个CSS3表单显得格外亮丽。更重要的是，这个CSS3发光表单基本用CSS3实现，很少的JS代码，在CSS3引擎上优化非常明显。

css3-golden-shine-login-form

在线演示源码下载

CSS3 3D进度条按钮 18款精美样式

21,300 人浏览

发表回复

2014-01-17 15:09:36

我们在网页上提交数据的时候经常会看到进度条，不过大部分进度条都是在网页其他地方显示，比如弹出一个窗口。这款CSS3实现的进度条是显示在按钮上的，可以更直观的体现出用户提交的进度情况，该CSS3进度条按钮样式非常漂亮，在支持3D的浏览器上还能有3D立体的效果，而且进度条展现形式很多，一共18种样式。

在线演示源码下载

HTML5水波荡漾动画特效非常逼真

54,608 人浏览

1条回复

在现实生活中，我们经常可以看到水波的效果，雨滴落到小河中，河里必定泛起了水波。今天我们用HTML5模拟了水波荡漾效果，点击河水的图片，即可从点击处开始泛起水波，并向远处伸展。这个利用HTML5模拟出来的水波效果非常逼真，不过有点耗CPU。

html5-water-ripple

在线演示源码下载

HTML5雨点下落动画让雨点飞起来

11,962 人浏览

发表回复

2014-01-16 14:00:45

利用HTML5实现雨点下落需要注意一下几点：1、雨点的大小和形状；2、雨点下落的速度控制，注意应该是加速下落。这个演示动画就很生动的模拟了雨点下落动画。当鼠标移上去时，就会形成3个雨点并向下掉落。HTML5技术真的非常方便。

html5-rain-drop

在线演示源码下载

HTML5吃豆人游戏PCMAN

34,785 人浏览

1条回复

今天又要介绍一款不错的HTML5游戏，HTML5吃豆人游戏，画面上有一个吃豆人和一群怪物，你需要控制吃豆人移动吃掉路上的小豆子，一旦吃豆人遇到怪物被吃掉的时候，你就GAME OVER了。这款HTML5游戏还有一点没完善，就是吃豆人碰到怪物的时候不能被怪物吃掉，有兴趣的同学可以继续把它完善。HTML5游戏开发不仅需要技术，也需要创意。

html5-pcman