纯CSS3制作飞舞的火箭动画
效果描述： 很偶然的一个机会，看到百度fls构建工具官网banner上有一个不断飞舞的火箭效果 感觉非常不错，我第一反应它肯定是纯CSS3制作的，这是直觉，别问我为啥，因为换做是我 我也会用CSS3做啊，虽然麻 …
会员专享优质资源内容持续上新
纯CSS3实现立体式鼠标悬停翻转效果
效果描述： 一个纯CSS3实现的鼠标悬停翻转效果，立体式效果非常不错 实现起来也很简单，主要靠CSS3的那一个特殊属性而已 使用方法： 1、将index.html中的样式复制到你的样式表中 2、将body中的代码部分拷贝 …
腾讯资深前端推出的移动端滑动骨架
效果描述： 一个非常简洁易用的移动滑屏插件，当然，它并不依赖任何其他库 使用方法： 1、将两个CSS文件引入到你的网页中 2、将body中的代码部分拷贝过去即可 文章来自WE7资源网www.bfwv.cn转载请保留本链接，谢谢!
canvas实现舞动的雨伞效果
效果描述： 今天给大家推荐一个canvas实现的动画效果 大家知道HTML5新增的这个canvas非常强大，结合js可以实现很多非常不错的动画效果 使用方法： 1、将body中的代码部分拷贝过去即可 文章来自WE7资源网www …
新浪微博年度财H5动画特效
效果描述： 这是一个完整的H5手机滑屏动画效果，有新浪前端大神一点一点编写完成 想全部使用就别谈了，毕竟这是定制化的东东 但是里面部分小动画效果可以拿出来使用的 文章来自WE7资源网www.bfwv.cn转载请 …
SVG+CSS3圆形倒计时滚动条效果
效果描述： 一个简单易用的SVG动画，圆形倒计时效果 使用方法： 1、将style.css样式引入到网页中 2、将body中的代码部分拷贝到你需要的地方即可 (适当调整CSS样式以达到你想要的) 文章来自WE7资源网www.bfw …
给大家推荐一个简洁易用的CSS3菊花loading效果
效果描述： 现在普通的一个gif菊花loading效果已经很难满足用户的需求了 时间就是成本，如果让用户在等待的时间内可以欣赏到更加好看的loading效果 想必对于用户来说，等待也是一种享受，忠诚度自然会更高 …
轻量级CSS3立体式3D旋转动画效果
效果描述： 一个非常简洁好看的纯CSS3旋转效果 当鼠标移动到图片上后，会立体式翻转显示隐藏的文字内容 鼠标移走后消失 使用方法： 1、将style.css样式引入到网页中 2、将body中的代码部分拷贝到你需要的地 …
canvas 圆形进度条效果
效果描述： 一个很简单易用的canvas画布效果 不断执行的圆形百分比效果 注：不支持低版本浏览器 使用方法： 1、将body中的代码部分拷贝到你需要的地方即可 文章来自WE7资源网www.bfwv.cn转载请保留本链接，谢谢!
简单易用的纯CSS3图片墙效果
效果描述： 一组纯CSS3实现的图片墙动画效果 不规则排列，带有阴影倒影效果 使用方法： 1、将style.css样式引入到网页中 2、将body中的代码部分拷贝到你需要的地方即可 文章来自WE7资源网www.bfwv.cn转载请 …
纯CSS3模拟太阳、地球、月亮旋转效果
效果描述： 一个代码非常简洁的模拟地球、太阳和月亮之间旋转关系的动画效果 注意，没有使用任何js代码，纯CSS3实现，所以实用性更高 不兼容低版本浏览器 使用方法： 1、将style中的样式拷贝到你的网页中 2 …
纯CSS3模拟跳动的音乐音符效果
效果描述： 我们在听音乐的时候，经常看到某个角落里有一个随着音乐高低而跳动的东东 几根竖线这样高低跳动，看着蛮有意思的 使用方法： 1、将style中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到 …
css3模拟3D行星运转效果图
效果描述： 基于jQuery版本的一个CSS立体式效果 模拟太阳星系内几大行星围绕地球旋转的效果 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 文章来自WE7资源网 …
纯CSS3鼠标滑过图片效果动画库
效果描述： imagehover.css CSS库 里面包含了好多纯CSS3鼠标悬停后的图片效果 可以直接拿来使用 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 文章来自WE7资 …
Pinchzoom.js插件实现手指触摸图片放大缩小
效果描述： 一个基于jQuery的插件——Pinchzoom.js 可以实现移动网页中的图片放大或者缩小，用手指控制即可 当然，其中的jQuery完全可以换成zepto.js 使用方法： 1、将CSS中的样式拷贝到你的网页 …
适合移动页面之吃货专用loading加载效果
效果描述： 非常适合移动H5页面的一个loading加载效果 一个张大嘴巴，不断吃入小点点的效果，然用户在等待页面的时候也能欣赏小动画 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷 …
jQuery适用于手机端九宫格导航动画
效果描述： 基于jQuery实现的，适合移动手机网页的一款导航 点击按钮后，动画效果比较流畅的显示出来 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 文章来自 …
js加CSS3立体式等距网格和三维网格效果
效果描述： 国外网站弄过来的一个非常不错的动画效果，适合欣赏使用 使用方式这里就不再赘述了 文章来自WE7资源网www.bfwv.cn转载请注明出处，并保留本链接，谢谢!
多个CSS3实现的动画效果不错的星级评分效果
效果描述： 不需要js支持，只用CSS3就可以实现的评分效果 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可 文章来自WE7资源网www.bfwv.cn转载请注明出处， …
纯CSS实现3D立体式字幕切换效果
效果描述： 在几年前，当我们要实现文字滚动效果的时候，一定会使用marquee标签来实现 或者使用网页脚本语言，JavaScript来实现这种效果 今天特意整理了一个只用纯CSS3实现的3D立体式文字滚动效果 非常棒， …