超富创意的纯CSS3下载按钮

这是一款超富创意并且十分可爱的CSS3下载按钮,按钮中有一个通过CSS3绘制而成的下载图标,并且当鼠标悬停在按钮上时,该下载图标会循环播放下载动画。这款CSS3下载按钮在鼠标滑过和离开时均会发生形状的变化,外观上也非常富有创意。
pure-css3-download-button

纯CSS3无穷级楼梯台阶动画

今天我们要给大家带来一款很有意思的纯CSS3动画特效。这是一个无穷级的楼梯台阶动画,从视觉角度上看,这个台阶就像是盘旋而上,就像自动扶梯一样可以无穷尽地循环运动。这一个个台阶仅仅是一个个简单的div堆积而成,利用CSS3动画属性让这些div运动起来,从而产生楼梯盘旋而上的视觉效果。
pure-css3-infinite-stairs

CSS3地图热点区域动画

今天我们要给大家分享一款基于CSS3的地图动画,它的核心功能并不是地图数据的展示,比如城市和省份地区的关系,而是展示了热点地区的动画特效。在地图上分布了很多热点区域,利用CSS3的动画属性实现这些热点区域的闪烁动画效果。
css3-map-hot-area

jQuery/CSS3激活动画按钮

今天我们要给大家分享一款基于jQuery和CSS3的状态激活动画按钮。按钮一共有4种状态,第一种状态是按钮默认时的样式,鼠标滑过按钮时就出现待激活的第二种状态,点击按钮后就出现正在激活的第三种状态,最后是激活完成的状态。由于这个按钮动画是基于jQuery的,所以使用时不要忘记引用jQuery库文件。
jquery-css3-active-button

CSS3 3D立方体焦点图动画

之前我们分享过很多基于jQuery和CSS3的焦点图动画插件,大部分都是在平面上通过过渡动画切换不同的图片。今天我们要在这里继续分享一款基于CSS3的焦点图插件,它的特点是图片切换容器是一个3D的立方体,点击图片后即可将该图片呈现在立方体的前面。
css3-3d-cube-image-player

CSS3 3D线条变换进度条动画

之前我们分享过很多CSS3进度条动画插件,今天给大家带来的是一款基于CSS3的3D线条变换进度条动画,它是由一系列排成一行的点通过线条旋转变换形成的3D立体动画来构建一个带有进度条视觉效果的动画特效,特别适合应用在个性化比较强的页面上。
css3-3d-line-progressbar

纯CSS3实现吸附和阴影效果的垂直菜单导航

今天我们要给大家带来一款很别致的纯CSS3垂直菜单导航,它的特点是菜单项带有3D立体阴影的效果,同时当鼠标滑过菜单项时,菜单项便会吸附在页面上,移开鼠标菜单项便又会离开页面呈现3D阴影的视觉效果。这款菜单基于纯CSS3实现,因此使用非常方便。
css3-attach-shadow-menu

纯CSS3抽屉打开关闭动画

这是一款基于纯CSS3的抽屉打开关闭动画,抽屉一共有3层,每一层都标识一个名称,只有打开抽屉才可以看到。当你用鼠标点击某一个抽屉时,该抽屉便会打开,再点击一次便会关闭。当然也许这款动画对你的实际应用并不会有太大帮助,但是它可以让你学习到很多关于CSS3的动画特性。
pure-css3-drawer-animation