纯CSS3实现滑杆开关切换按钮动画

14,247 人浏览

2014-04-24 06:00:17

之前我们分享过一些CSS3开关切换按钮了，像这款CSS3 3D发光切换按钮、HTML5/CSS3开关按钮立体3D按钮等。今天我们要再来分享一款纯CSS3实现滑杆开关切换按钮动画，这个按钮是一个摇杆，杆子推上推下来切换开关状态，不同的开关状态也有不同颜色的指示灯。

css3-stick-switch

在线演示源码下载

霸气的HTML5 7款无Flash HTML5动画特效

22,338 人浏览

4条回复

2014-04-23 08:06:29

以前我们想在网页上实现一些动画特效，第一选择肯定是Flash，但是现在HTML5已经非常流行，我们很多时候都会选择HTML5来实现一些动画特效，尤其是利用HTML5 Canvas特性。下面分享7款无Flash HTML5动画特效。

1、HTML5 Canvas火焰喷射动画效果

还记得以前分享过的一款HTML5烟花动画HTML5 Canvas烟花特效，今天我们要来分享一款类似的HTML5动画效果，一款基于HTML5 Canvas火焰喷射动画。用鼠标拖动一条直线，直线长度表示火焰喷射的力度，另外，火焰在运动中还可以反射效果哦。

在线演示源码下载

2、HTML5 3D立方体旋转动画

之前我们已经分享一款HTML5 3D正方体旋转动画，可以切换至正方体的任意一面。今天我们再来分享一款绚丽的HTML5 3D立方体旋转动画，这款立方体的色彩看上去非常艳丽，旋转起来的动画效果也十分流畅。是一款很不错的HTML5 3D动画效果。

在线演示源码下载

3、HTML5/CSS3实现大风车旋转动画

这次我们要来分享一款很酷的HTML5动画[......]

阅读全文>>

HTML5 Canvas火焰喷射动画效果

19,925 人浏览

2条回复

html5-fire-ball-shooter

在线演示源码下载

HTML5 3D立方体旋转动画

29,129 人浏览

发表回复

html5-3d-cube

在线演示源码下载

CSS3实现一款联系表单输入框带小图标

23,181 人浏览

发表回复

2014-04-22 11:00:44

之前我们已经分享过一款非常漂亮的CSS3联系表单CSS3联系表单背景透明迷人，有兴趣的朋友可以去看一下。今天我们再来分享一款外观还不错的CSS3联系表单，这款CSS3联系表单的输入框带有小图标，并且在提交信息时能校验输入的信息。

css3-contact-form

在线演示源码下载

CSS3可视化网页编辑器基于tinymce编辑器

23,960 人浏览

3条回复

上次我们分享过一款网页编辑器jQuery轻量级网页编辑器选中即可编辑，配置比较简单。今天我们要来分享一款基于tinymce的CSS3可视化网页编辑器，编辑器功能相当完善，可以对文本进行各种操作，也可以添加链接和对齐文本。是一款功能更加强大网页编辑器。

html5-css3-json-editor

在线演示源码下载

HTML5/CSS3图片描述效果文字描述浮动在图片上

49,770 人浏览

1条回复

今天要分享一款基于HTML5和CSS3的图片特效，该图片特效非常实用，可以让你网页上的图片在鼠标滑过时在图片上方浮现一些描述文字，该描述文字在展现出来的时候有淡入淡出的动画效果，同时描述文字的样式也可以自定义多样化，是一款非常不错的HTML5图片特效。

css3-image-caption-animation

在线演示源码下载

纯CSS3背景渐变按钮按钮图标淡入淡出动画

22,111 人浏览

2条回复

2014-04-21 15:01:56

今天我们要再来分享一款纯CSS3实现的按钮动画，这款按钮动画有以下特点：当鼠标滑过按钮时，按钮上的小图标便会以爆炸的方式淡出按钮，取代它的时相应的文字，当鼠标离开按钮时，小图标又会以爆炸的方式淡入按钮中。更多CSS3按钮，我们可以在CSS3按钮栏目中查找。

在线演示源码下载

HTML5/CSS3 3D木块旋转动画

17,735 人浏览

发表回复

今天我们要来分享一款迷人的HTML5/CSS3 3D旋转动画，这款3D动画的主角是一根根小木条，每根小木条都会旋转，小木条之间的旋转有一定的间隔，这样就会有一种螺旋的视觉效果。另外，和之前分享的HTML5 3D动画一样，也是利用了CSS3的transform属性，点击这里可以查看更多HTML5 3D特效。

css3-3d-spinning-planks