jquery立体式3D效果动画加载进度条
效果描述： 多种立体式3D loading特效 非常适合高版本浏览器下使用 特别是手机端啊等等 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (注意保持文件路径正确) 文章 …
会员专享优质资源内容持续上新
纯css3实现鼠标悬停后图片散开动画特效
效果描述： 现在css3已经成熟了，相关的css3动画越来越多 看起来也越来越舒服 今天特意收集6个鼠标悬停后的图片动画供给大家欣赏 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷 …
canvas在高版本浏览器下自适应首屏幕鼠标动画效
效果描述： 本效果使用了html5中的canvas标签 加上特定的一些加上插件，成功的实现了网页首屏图片全屏 且兼容移动网页的效果 鼠标悬停后还有一些动画效果 非常不错 使用方法： 1、将head中的样式复制到你的 …
zepto.min.js插件模拟微信拆红包摇晃特效
效果描述： 适合移动手机客户端浏览器的一款拆红包特效 点击后会有个抖动特效 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (不兼容低版本浏览器) 文章来自WE7资源 …
css3模拟移动网页切换动画立体式效果
效果描述： 一个动画效果非常不错的，模拟移动网页切换的立体式效果 主要采用css3特效，jquery代码只是部分切换而已 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 ( …
纯css3实现鼠标悬停图片旋转动画特效
效果描述： 多种鼠标悬停(点击)后的图片旋转效果 包括其中的文字动画，用起来都非常舒服 适合放到高版本浏览器下的网页，或者移动网页中 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代 …
css3立体式3D图片全屏翻转特效
效果描述： 全屏立体式CSS3图片动画切换效果 纯css3实现的动画 用起来非常舒服，且客户端内存占用极低 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (不兼容低版本 …
jquery+css3全屏手风琴效果(效果流畅)
效果描述： jquery+css3实现的全屏手风琴效果 其实现的动画主要依赖于css3 所以对于浏览器的内存使用要求极低 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (注意保 …
纯css3实现鼠标滑过图片显示图文效果
效果描述： 纯css3实现的鼠标悬停图片后的动画效果 默认文字隐藏在div外部，当鼠标悬停后，图片向上移动 同时显示出底部隐藏的内容 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分 …
纯css3模拟单张图片切角固定效果
效果描述： 其实这原本是一个css3的 linear-gradient 属性的一个案例 但是其作出的效果非常的不错，或许在日常生活工作中我们可能会遇到 所以特意将代码整理出来供给大家使用 使用方法： 1、将head中 …
css3放大镜动画效果
效果描述： jquery.smoothproducts.js插件，直接支持在原始图片位置上放大图片 而不是像其他的普通的放大镜效果那样另外在旁边开辟一个新的位置 适合特殊需要的同学使用 使用方法： 1、将head中的样式复制 …
纯css3优惠券效果
效果描述： 我们在网页端或者移动APP中经常会看到优惠券的效果 以前相信大家都是用一张背景图片铺起来 但是现在css3已经广泛使用了，再使用图片铺的话，逼格看起来就很低了 今天特意整理了一份纯css3实现的 …
纯css3鼠标滑过文字翻转动画效果
效果描述： 一个纯css3的鼠标动画效果 当鼠标悬停在图片列表中的其中一个图片上的时候 左侧说明文字以翻转的方式显示出来，鼠标移走后再反方向折叠隐藏 效果看起来十分舒服 使用方法： 1、将head中的样式复 …
HTML5中的SVG属性实现圆形进度条效果
效果描述： 现在很多手机版网页，或者比较高版本的页面中，我们经常碰到一中圆形的百分比进度效果 这个其实用HTML5 中的SVG实现起来比较容易 而且逼格看起来比较高 使用方法： 1、将head中的样式复制到你的 …
兼容PC和移动页面的mobiscroll日期插件
效果描述： 由于项目需要，最近移动页面中需要一个可以点击后弹窗，然后添加时间日期的插件 网上搜了一下，发现mobiscroll插件挺好，只是皮肤样式跟自己要求的不符 这个没问题，用了个把小时修改一下即可搞 …
纯css3实现鼠标移入div图片后按钮飞入动画效果
效果描述： 几十个小动画效果 当鼠标移入到图片上的时候，其中的按钮保持水平居中显示 各种常见的动画效果都在里面 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (c …
html5 svg + js实现移动端圆形统计动画效果
效果描述： 最近项目中经常要碰到圆形百分比显示效果 就是在Ajax中，后台传过来数据后，前台将数据整合计算后用圆形显示百分比 且还有一定的动画效果 使用方法： 1、将head中的样式复制到你的样式表中 2、 …
CSS3鼠标滑过渐变颜色旋转图标特效
效果描述： 之前见过一些比较漂亮的鼠标悬停在列表上后，旋转的一些动画效果 基本上都是纯CSS3代码，然后加上一点点的js控制，也就是增加或者减少一个class的值而已 但是就是为了这么一点的js，往往需要引 …
js+css3实现图文并茂鼠标悬停后3D翻转效果
效果描述： 当鼠标悬停在其中一个div上的时候，会自动翻转，呈现立体式效果，显示说明或者简介等其他信息 鼠标移走后立体式回转，效果很不错 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中 …
CSS3鼠标悬停文字动画倾斜效果
效果描述： 当鼠标悬停在图片上的时候倾斜显示多种透明的小动画效果 鼠标移走后恢复默认效果 不使用任何js代码，纯静态的css3即可实现这种要用大量JS才能实现的特效 而且占用内存极低，代码简单易懂，推荐 …