华丽转动的HTML5仪表盘动画
下载地址: 点击下载 效果描述： 非常简单好用的一组汽车仪表盘动画效果 只需要一个简单的div，一组js数据即可搞定 不需要依赖任何其他js插件 但是有一个致命的缺点，js比较大，将近1m，对于网速不好的用户来说非常不友好 使用方法： 1、将index.html中的代码部分拷贝到你的网页中 2、注意保持js路径正确即可
用原生JS实现H5页面温馨提示效果
下载地址: 点击下载 效果描述： 我们在移动网页中，经常需要给用户一些小小的提示 默认网页的alert已经太low了，无法满足客户的需求，这个时候就需要自定义一个效果 今天特意写了一个简单的dialog提示效果，默认显示3s时间 当然也可以自定义时间 不支持低版本浏览器 使用方法： 1、将CSS引入到你的页面中，保证命名...
惊艳的CSS3立体鼠标悬停效果
下载地址: 点击下载 效果描述： 只用CSS3实现的图片翻转动画效果 非常简单好用，且不需要任何js就可以实现 对于js较若的同学来说，是非常欢喜的一件事 注意：不支持低版本浏览器 使用方法： 1、将CSS样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可
移动端网页美美哒上传插件
下载地址: 点击下载 效果描述： 非常适合移动网页的图片上传裁剪效果 缺点就是调用的js文件比较多 使用方法： 1、将CSS样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可
购物车飞入动画，懒人必备。
下载地址: 点击下载 效果描述： 将之前的加入购物车飞入动画功能写入移动端 每次点击加号，总会有一个图片飞入的效果，非常不错 推荐大家在移动端使用 使用方法： 1、将CSS样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可
炽热的爱恋，永不熄灭。
下载地址: 点击下载 效果描述： 在几年前，当我们要实现文字滚动效果的时候，一定会使用marquee标签来实现 或者使用网页脚本语言，JavaScript来实现这种效果 今天特意整理了一个只用纯CSS3实现的3D立体式文字滚动效果 非常棒，特意整理了跟大家分享一下 使用方法： 1、将CSS样式拷贝到你的网页中 2、将bod...
闪耀动感的星级评分效果
下载地址: 点击下载 效果描述： 不需要js支持，只用CSS3就可以实现的评分效果 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可
jQuery为手机九宫格导航带来动感。
下载地址: 点击下载 效果描述： 基于jQuery实现的，适合移动手机网页的一款导航 点击按钮后，动画效果比较流畅的显示出来 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
音符跳动，懒人CSS3实现。
下载地址: 点击下载 效果描述： 在很多页面里，特别是带有音乐播放的页面中，我们经常看到音乐符号的那种跳动的动画 在CSS2.0时代，相信很多人直接反应这个肯定是一个小小的GIF动画 但是现在不同了，在CSS3横行的时代，只需要一些简单的CSS代码和部分HTML即可实现 使用方法： 1、将CSS中的样式拷贝到你的网页中 2...
吃货必备，美食加载中。
下载地址: 点击下载 效果描述： 非常适合移动H5页面的一个loading加载效果 一个张大嘴巴，不断吃入小点点的效果，然用户在等待页面的时候也能欣赏小动画 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
手指触摸，轻松放大缩小图片！
下载地址: 点击下载 效果描述： 一个基于jQuery的插件——Pinchzoom.js 可以实现移动网页中的图片放大或者缩小，用手指控制即可 当然，其中的jQuery完全可以换成zepto.js 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
鼠标触摸图片，CSS3动画库。
下载地址: 点击下载 效果描述： imagehover.css CSS库 里面包含了好多纯CSS3鼠标悬停后的图片效果 可以直接拿来使用 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
懒人专属，轻松悬浮。
下载地址: 点击下载 效果描述： 由于项目需要，做了一个非常简单好玩的悬浮框效果 目标是放到移动网页中，点击中间+号，动态展开隐藏的按钮部分 再次点击后，隐藏四周的的悬浮按钮 适用于移动端网页 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (注意保持图片路径正确)
行星漫游3D效果图
下载地址: 点击下载 效果描述： 基于jQuery版本的一个CSS立体式效果 模拟太阳星系内几大行星围绕地球旋转的效果 使用方法： 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
音符跳动，CSS3模拟。
下载地址: 点击下载 效果描述： 我们在听音乐的时候，经常看到某个角落里有一个随着音乐高低而跳动的东东 几根竖线这样高低跳动，看着蛮有意思的 使用方法： 1、将style中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
CSS3展现太阳、地球、月亮舞动。
下载地址: 点击下载 效果描述： 一个代码非常简洁的模拟地球、太阳和月亮之间旋转关系的动画效果 注意，没有使用任何js代码，纯CSS3实现，所以实用性更高 不兼容低版本浏览器 使用方法： 1、将style中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
用CSS画梅花，美轮美奂。
下载地址: 点击下载 效果描述： 看起来图案好像很复杂的样子，其实这里只需要弄懂一个CSS3的属性 一切都迎刃而解了，那就是border-radius属性，后面跟着四个值 分别指 左上角 右上角 右下角 左下角 四个角度的border而已 控制好他们的表现形式，就可以得到本案例中的效果了 发散思维，你可以做出更多...
六边形美轮美奂，尽显独特魅力。
下载地址: 点击下载 效果描述： 最近网上看到一个前端面试题，要求面试者用纯CSS实现一个6边形的效果 乍一看有点乱，但是仔细分析下，其实并没有那么难 将六边形拆开成三部分，左边是一个三角形，中间一个长方形，右侧再来一个三角形，然后再将其定位起来即可 那么就是一个div，内部嵌套三个div即可实现 当然，你也可以省略左右两...
美丽的CSS3图片墙
下载地址: 点击下载 效果描述： 一组纯CSS3实现的图片墙动画效果 不规则排列，带有阴影倒影效果 使用方法： 1、将style.css样式引入到网页中 2、将body中的代码部分拷贝到你需要的地方即可
