也想出现在这里？联系我们吧
纯CSS3制作逼真的iphone 6手机模型
PetitQ
这是一款使用纯CSS3制作的逼真的iphone 6手机模型特效。该特效中通过简单HTML代码配合CSS3渐变等效果，制作出逼真的iphone6手机模型效果。 HTML结构 该iphone6手机的HTML结构如下： CSS样式 在CS…
纯CSS3打造逼真多层云彩动画特效
这是一款效果非常炫酷的纯CSS3逼真的多层云彩动画特效。该特效使用多张透明的云彩PNG图片作为背景图片，使用CSS animation动画来制作云彩水平飘动的动画效果。 HTML结构 该多层云彩动画效果的HTML结构非常简单：使用一…
Imagehover - 纯CSS3鼠标滑过图片效果动画库
imagehover.css是一款纯CSS3鼠标滑过图片效果动画库。它可以适应图片的缩放，提供44种不同的鼠标滑过图片效果，压缩后的版本只有19K大小，可以完成各种不同场景的需求。 使用方法 使用时要在页面中引入imagehover…
Repaintless 轻量级高性能CSS3动画库
Repaintless.css是一款轻量级高性能的CSS3动画库。Repaintless.css通过特殊的方法来制作元素动画，不会引起页面的重绘，使它比其它CSS动画库具有更高的性能。 使用方法 使用该CSS3动画库需要在页面中引入…
炫酷纯CSS3鼠标滑过图片动画效果
这是一款效果超酷的纯CSS3鼠标滑过图片动画效果，它共分为8组不同的效果，它们分别在鼠标滑过图片时，以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。这些鼠标滑过图片时的动画效果都是使用CSS3来完成的，…
360度超炫3D旋转立方体动画特效
这是一款可互动的360度超炫3D旋转立方体动画特效。用户可以使用鼠标拖动立方体来查看各个面，或者通过点击左侧的导航链接页可以切换到立方体相应的面中。 HTML结构 该3D立方体特效使用的是一个<div>元素作为包裹容器，…
纯CSS3图片鼠标滑过背景视觉差动画特效
这是一款使用纯CSS3制作的效果非常炫酷的圆形图片鼠标滑过背景视觉差动画特效。该视觉差特效中，在鼠标滑过圆形图片时，图片中的各层元素以不同的速度开始动画，形成强烈的视觉差效果。 HTML结构 该视觉差特效使用的HTML结构为嵌套&l…
炫酷带方向感应鼠标滑过图片3D动画特效
这是一款使用CSS3和一点JS来制作的炫酷带方向感应的鼠标滑过图片3D动画特效。在特效中，当用户的鼠标滑过网格中的图片时，网格中的内容遮罩层会出现3D翻转动画，并且带有方向感应，能够从鼠标进入的方向开始翻转，效果非常的酷。 HTML…
纯CSS3实现图片双色调彩色滤光特效
colofilter.css是一款可以使用CSS3来制作图片的双色调彩色滤光特效的插件。colofilter.css通过CSS的混合模式来对图片颜色进行各种合成，制作出双色调效果。 双色调模式用一种灰色油墨或彩色油墨来渲染一个灰度图…
纯CSS3弹性卡通小怪物弹跳动画特效
这是一款使用纯CSS3制作的非常有趣的卡通小怪物弹跳动画特效。该CSS3特效中有三个卡通小怪物，它们在不停的上下弹跳，并且各自的身体也带有一些弹性效果。 HTML结构 每一个卡通小怪物的HTML结构都基本相似，使用嵌套<div…
简单实用jQuery+CSS3卡片自动翻牌特效
这是一款简单实用的jQuery和CSS3卡片自动翻牌特效。该卡片翻转效果使用CSS3透视和backface-visibility属性来制作卡片正反面效果，并使用jQuery使其自动旋转起来。 HTML结构 该卡片自动翻转效果的HTM…
僵尸行走 CSS3 Sprite 动画特效
这是一款使用animation动画的steps属性制作的僵尸行走CSS3 Sprite动画特效。该动画特效利用steps属性将一张雪碧图不断的快速播放，形成僵尸走路的动画效果。 HTML结构 该僵尸行走动画特效的HTML结构非常将，…
