也想出现在这里？联系我们吧
纯CSS3实现图片双色调彩色滤光特效
PetitQ
colofilter.css是一款可以使用CSS3来制作图片的双色调彩色滤光特效的插件。colofilter.css通过CSS的混合模式来对图片颜色进行各种合成，制作出双色调效果。 双色调模式用一种灰色油墨或彩色油墨来渲染一个灰度图…
纯CSS3弹性卡通小怪物弹跳动画特效
这是一款使用纯CSS3制作的非常有趣的卡通小怪物弹跳动画特效。该CSS3特效中有三个卡通小怪物，它们在不停的上下弹跳，并且各自的身体也带有一些弹性效果。 HTML结构 每一个卡通小怪物的HTML结构都基本相似，使用嵌套<div…
炫酷CSS3过渡动画全屏导航菜单UI设计
这是一款效果非常炫酷的带炫酷CSS3过渡动画的全屏导航菜单网页UI设计效果。该导航菜单使用CSS3和少量的jQuery来制作，当用户点击左上角的汉堡包按钮时，全屏菜单将从屏幕上方滑动显示出来。 HTML结构 该全屏导航菜单的汉堡包按…
Material Design 风格动态网格卡片UI设计
这是一款效果非常炫酷的Material Design风格动态网格卡片布局UI设计效果。在该效果中鼠标滑过卡片时会有阴影效果，当浏览器尺寸改变时，卡片大小会随着改变，整个网格布局有动态变化效果。 HTML结构 该动态网格卡片布局的HT…
带阅读进度指示侧边栏列表项UI设计
这是一款带阅读进度指示的侧边栏列表项UI设计效果。该设计的目的是在用用户滚动鼠标时，在侧边栏列表项中每一个段落标题前都带有一个指示当前段落阅读进度的圆形进度条，使用户可以看到当前的阅读进度，提升用户体验。该阅读指示UI设计使用SVG…
纯CSS3逼真苹果Apple电脑键盘
这是一款使用纯CSS3制作的效果非常逼真的苹果（Apple）电脑键盘效果。该苹果电脑键盘可以通过按真实键盘上的相应键来触发虚拟键盘上的键，按键被按下时有逼真的动画效果。 HTML结构 该苹果键盘效果的HTML结构中，将键盘的每一部分…
简单实用jQuery+CSS3卡片自动翻牌特效
这是一款简单实用的jQuery和CSS3卡片自动翻牌特效。该卡片翻转效果使用CSS3透视和backface-visibility属性来制作卡片正反面效果，并使用jQuery使其自动旋转起来。 HTML结构 该卡片自动翻转效果的HTM…
时尚精美input元素滑块UI设计效果
这是一组效果非常精美的时尚input元素滑块UI设计效果。这组滑块共4种不同的效果，它们使用CSS3来渲染样式，使用JavaScript来处理滑块的鼠标拖动事件。 HTML结构 这组滑块的HTML结构就是一个&ly;input ty…
僵尸行走 CSS3 Sprite 动画特效
这是一款使用animation动画的steps属性制作的僵尸行走CSS3 Sprite动画特效。该动画特效利用steps属性将一张雪碧图不断的快速播放，形成僵尸走路的动画效果。 HTML结构 该僵尸行走动画特效的HTML结构非常将，…
15种漂亮 css3 loading 动画特效
这是一款漂亮的css3 loading动画特效。该特效中包含了15种不同的loading动画效果，他们通过简单的HTML结构和CSS3代码来实现。 HTML结构 第一个示例的基本HTML结构如下。 CSS样式 然后添加下面的CSS样…
js+CSS3自定义鼠标特效
这是一款js和CSS3自定义鼠标特效，该特效中，使用一个DIV元素来自定义鼠标，通过CSS代码来构建鼠标的形状，并通过js代码来驱动鼠标的动画。 HTML结构 基本的HTML结构如下: CSS样式 为鼠标元素添加一些基础的CSS样式…
基于WebGL实现3D图片特效
这是一款基于WebGL实现3D图片特效，该特效利用WebGL和一张特定的黑白图片，制作出在鼠标移动时的3D图片特效。 Github网址：https://github.com/akella/fake3d
