这是一款使用纯CSS3制作的效果非常炫酷的鼠标滑过图片缩放和标题效果。该CSS3图片效果中图片的边框被制作为不停动画的护栏效果，当用鼠标滑过图片时，图片会有非常炫酷的动画效果。
CSS3 animations是一个非常神奇的技术，相比于javascript和flash，它只用少量的代码就可以制作出平滑的动画效果。现在，所有的现代浏览器，包括IE9都支持CSS3 transitions 和 ani...
分类：
Web程序 时间：
2015-02-09 14:13:05
阅读次数：
183
之前大大家分享了很多款加载条。今天给大家带来一款纯css3实现的动画加载条。 这款加载条适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。效果图如下：在线预览源码下载实现的代码。html代码： ...
分类：
Web程序 时间：
2015-02-04 09:18:52
阅读次数：
149
本博之前曾经写过两篇博文《纯css3文字效果推荐》、《css3立体文字最佳实践》得到了大家的广泛认可，今天我们更进一步，研究一下文字菜单上可以做哪些动画，12种效果会不会由您喜欢的，来来来，开工。...
分类：
其他好文 时间：
2015-01-30 06:42:02
阅读次数：
224
之前给大家带了很多款进度加载条，今天再给大家分享一款纯css3实现的动画加载特效。效果图如下：在线预览源码下载实现的代码。html代码： 15 ...
分类：
Web程序 时间：
2015-01-28 14:15:45
阅读次数：
225
这是一款效果非常炫酷的纯CSS3 3D旋转立方体动画特效。该3D立方体使用CSS3 perspective制作，可以在水平方向、垂直方向和平面视角方向旋转，效果相当震撼。使用CSS3来制作动画效果已经成为WEB前端开发的一种时尚，从简单的颜色和尺寸动画，到复杂的旋转、翻转动画，
CSS3 展现了它无穷的魅力。使用CSS来制作立方体动画，代码简洁易懂，效果更是令人惊叹！
在线演示：htt...
分类：
Web程序 时间：
2015-01-26 13:41:20
阅读次数：
198
这是一款效果非常炫酷的CSS3 3D折叠面板动画特效。该折叠面板特效当鼠标移动到图片上时，一个面板会以3d折叠的方式在顶部展开，并显示图片的标题等信息。。这个效果使用3D CSS animations 来制作折叠面板的动画，纯CSS，没有使用javascript。
在线演示：http://www.htmleaf.com/Demo/201501251276.html
下载地址：http:...
分类：
Web程序 时间：
2015-01-26 13:41:16
阅读次数：
165
之前为大家带来了很多加载动画。基于prefixfree.js的进度加载条，基于jquery带百分比的响应式进度加载条。今天给大家分享一款纯css3实现的条纹加载条。带有响应式的效果。效果图如下 ：在线预览源码下载实现的代码。html代码： css3代码： ...
分类：
Web程序 时间：
2015-01-24 15:37:34
阅读次数：
425
本文中要实现的一个纯CSS3的图片展示特效，以前只能用JavaScript实现，可想而知会受到多方面的限制，特别是性能。而今天我们将用简单的CSS3代码实现，你会发现它的动画效果在现代浏览器的帮助下无比的顺滑。观看演示HTML代码通过上的演示，估计你已经能猜到，它的HTML结果应该是一个父元素里包含...
分类：
Web程序 时间：
2015-01-07 14:39:53
阅读次数：
200
转自赞生博客效果如图：HTML代码部分（所有效果共用）：加载中…我们从左到右从上到下列出效果对应的CSS代码。1#效果CSS代码：.load1 .loader,.load1 .loader:before,.load1 .loader:after {background: #FFF;-webkit-a...
分类：
Web程序 时间：
2015-01-06 15:18:49
阅读次数：
203
纯css3实现了一个正六边形的走马灯效果，记录一下css3动画的学习情况，效果如下：主要用到的css3技术有：keyframes、perspective、perspective-origin、transform（translate、rotate）、animation、transform-origin...
分类：
Web程序 时间：
2014-12-26 11:07:43
阅读次数：
1144
