也想出现在这里？联系我们吧
炫酷CSS3鼠标滑过图片标题动画特效
PetitQ
这是一组使用CSS3制作的超酷鼠标滑过图片标题动画特效。这组特效中共有8种不同的鼠标滑过效果，它们都是通过CSS3 transform来制作遮罩层的各种动画特效。 使用方法 在页面中引入imghover.css文件。 HTML结构 …
炫酷CSS3鼠标滑过图片标题文字动画特效
这是一款使用CSS3制作的鼠标滑过图片标题文字动画特效。该特效在鼠标滑过图片的时候，会展现遮罩层，并在遮罩层上以旋转的方式使图片描述文字逐一展现。 HTML结构 DEMO中使用bootstrap的网格系统来进行布局。整个图片放置在一…
纯CSS3人物信息卡片UI设计效果
这是一组纯CSS3人物信息卡片UI设计效果。这组人物信息卡片共9种效果，每种效果在鼠标滑过卡片时，通过CSS3使图片和HTML元素变形生成 非常漂亮的鼠标滑过动画特效。 HTML结构 该人物信息卡片的基本HTML结构如下： 标题 子…
纯CSS3圆形鼠标滑过旋转翻盖动画特效
这是一款效果非常炫酷的纯CSS3圆形图片鼠标滑过旋转翻盖特效。该CSS3特效中，当鼠标滑过圆形图片时，图片以顶边的一个定位点为中心向下旋转，显示出下面的圆形说明文本。 HTML结构 该特效使用bootstrap网格系统来布局，基本的…
CSS3鼠标滑过图片3D翻转动画特效
这是一款效果非常炫酷的CSS3鼠标滑过图片3D翻转动画特效。该特效基于Bootstrap网格系统来布局，通过简单的CSS3代码，在鼠标滑过图片时对图片进行3D翻转，效果非常的酷。 HTML结构 该特效使用Bootstrap网格系统来…
纯JS和CSS3炫酷桌面便签贴纸特效插件
Sticker.js是一款使用纯JavaScript和CSS3来制作炫酷桌面便签贴纸特效的插件。通过该插件可以将任何块级元素转换为桌面便签，并且在鼠标滑过便签时，便签会随着鼠标移动产生卷纸弯曲效果，非常的酷。 使用方法 使用该桌面便…
炫酷CSS3鼠标滑过图片动画特效
这是一款使用CSS3制作的炫酷鼠标滑过图片动画特效。该特效中，当鼠标滑过图片时，图片会向上3D翻转并渐隐消失，图片原来的位置出现介绍文字和一些链接，整个效果非常炫酷。 HTML结构 该鼠标滑过图片动画效果的HTML结构使用Boots…
Magic - 带64种动画效果的CSS3动画库
magic.css是一款带64种动画效果的CSS3动画库。magic.css中的动画分为12大类，全部使用CSS3 animation动画来完成。各种效果使用非常简单，只需要为元素添加和移除相应的class类即可。 使用方法 使用该…
带幻影文字效果的炫酷js轮播图特效
这是一款带幻影文字效果的炫酷js轮播图特效。该轮播图特效的创意是在切换轮播图时，将文字以幻影的方式隐藏和显示，效果非常炫酷。该轮播图特效使用TweenMax来制作动画特效。另外，该轮播图中使用了一些高级CSS3特性，请在支持这些CS…
6种精美的纯CSS3丝带效果
这是一组非常精美的纯CSS3丝带设计效果。这组丝带效果分别使用:before和:after伪元素来制作各种丝带，适用于要使用丝带效果的各种不同场景。 HTML结构 这些丝带效果的HTML结构：使用一个<div>作为容器，…
CSS3+JS炫酷3D拖拽卡片动画特效
这是一款使用CSS3和纯JavaScript制作的炫酷3D卡片拖拽特效。用户可以通过鼠标拖拽卡片，卡片在拖拽的过程中会发生3D变形，并且带有音效，效果非常炫酷。由于IE浏览器不支持transform-style: preserve-…
图片画廊鼠标滑过图片动画过渡特效
这是一款使用纯CSS3制作的超酷图片画廊鼠标滑过图片动画过渡特效。该特效中，图片使用flex来进行网格布局，当鼠标滑过图片时，图片平滑向上移动，下方的图片描述信息被显示出来。 HTML结构 该特效使用嵌套<div>的HT…
