效果描述： 本效果使用了html5中的canvas标签 加上特定的一些加上插件，成功的实现了网页首屏图片全屏 且兼容移动网页的效果 鼠标悬停后还有一些动画效果 非常不错 使用方法： 1、将head中的样...

效果描述： 适合移动手机客户端浏览器的一款拆红包特效 点击后会有个抖动特效 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (不兼容低版本浏览器) 文章...

效果描述： 一个动画效果非常不错的，模拟移动网页切换的立体式效果 主要采用css3特效，jquery代码只是部分切换而已 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷...

效果描述： 全屏立体式CSS3图片动画切换效果 纯css3实现的动画 用起来非常舒服，且客户端内存占用极低 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (不...

效果描述： 多种鼠标悬停(点击)后的图片旋转效果 包括其中的文字动画，用起来都非常舒服 适合放到高版本浏览器下的网页，或者移动网页中 使用方法： 1、将head中的样式复制到你的样式表中 2、将...

效果描述： jquery+css3实现的全屏手风琴效果 其实现的动画主要依赖于css3 所以对于浏览器的内存使用要求极低 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去...

效果描述： 纯css3实现的鼠标悬停图片后的动画效果 默认文字隐藏在div外部，当鼠标悬停后，图片向上移动 同时显示出底部隐藏的内容 使用方法： 1、将head中的样式复制到你的样式表中 2、将body...

效果描述： 其实这原本是一个css3的  linear-gradient 属性的一个案例 但是其作出的效果非常的不错，或许在日常生活工作中我们可能会遇到 所以特意将代码整理出来供给大家使用 使用方法： ...

效果描述： 我们在网页端或者移动APP中经常会看到优惠券的效果 以前相信大家都是用一张背景图片铺起来 但是现在css3已经广泛使用了，再使用图片铺的话，逼格看起来就很低了 今天特意整理了一份...

效果描述： jquery.smoothproducts.js插件，直接支持在原始图片位置上放大图片 而不是像其他的普通的放大镜效果那样另外在旁边开辟一个新的位置 适合特殊需要的同学使用 使用方法： 1、将head中...

效果描述： 一个纯css3的鼠标动画效果 当鼠标悬停在图片列表中的其中一个图片上的时候 左侧说明文字以翻转的方式显示出来，鼠标移走后再反方向折叠隐藏 效果看起来十分舒服 使用方法： 1、将hea...

效果描述： 现在很多手机版网页，或者比较高版本的页面中，我们经常碰到一中圆形的百分比进度效果 这个其实用HTML5 中的SVG实现起来比较容易 而且逼格看起来比较高 使用方法： 1、将head中的样...

效果描述： 几十个小动画效果 当鼠标移入到图片上的时候，其中的按钮保持水平居中显示 各种常见的动画效果都在里面 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝...

效果描述： 由于项目需要，最近移动页面中需要一个可以点击后弹窗，然后添加时间日期的插件 网上搜了一下，发现mobiscroll插件挺好，只是皮肤样式跟自己要求的不符 这个没问题，用了个把小时修...

效果描述： 最近项目中经常要碰到圆形百分比显示效果 就是在Ajax中，后台传过来数据后，前台将数据整合计算后用圆形显示百分比 且还有一定的动画效果 使用方法： 1、将head中的样式复制到你的样...

效果描述： 当鼠标悬停在其中一个div上的时候，会自动翻转，呈现立体式效果，显示说明或者简介等其他信息 鼠标移走后立体式回转，效果很不错 使用方法： 1、将head中的样式复制到你的样式表中 2...

效果描述： 之前见过一些比较漂亮的鼠标悬停在列表上后，旋转的一些动画效果 基本上都是纯CSS3代码，然后加上一点点的js控制，也就是增加或者减少一个class的值而已 但是就是为了这么一点的js，...

效果描述： 当鼠标悬停在图片上的时候倾斜显示多种透明的小动画效果 鼠标移走后恢复默认效果 不使用任何js代码，纯静态的css3即可实现这种要用大量JS才能实现的特效 而且占用内存极低，代码简单...

效果描述： 我们知道css3代码可以改变图片的方向，可以让图片立体式排列，也可以实现倒影效果 只要耐心，角度安排合理，可以制作出很多不错的效果 这种效果在之前的css2代码中，html4时代是想都...

效果描述： 相信大家都用过支付宝，用支付宝支付或者转账交易的时候，最后会要求大家输入6位数密码 用户体验挺好的，今天特意整理了一个网页版的供给大家参考使用 使用方法： 1、将head中的样式...