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才能实现的特效 而且占用内存极低，代码简单易懂，推荐 …
纯css3圆柱立体式倒影效果
效果描述： 我们知道css3代码可以改变图片的方向，可以让图片立体式排列，也可以实现倒影效果 只要耐心，角度安排合理，可以制作出很多不错的效果 这种效果在之前的css2代码中，html4时代是想都不敢想的 今 …
jQuery插件模拟支付宝密码输入框效果
效果描述： 相信大家都用过支付宝，用支付宝支付或者转账交易的时候，最后会要求大家输入6位数密码 用户体验挺好的，今天特意整理了一个网页版的供给大家参考使用 使用方法： 1、将head中的样式复制到你的 …
几十种CSS3鼠标悬停动画特效
效果描述： 第一次见到收集种类如此全的css3图片动画效果 都是“hover”效果，即当鼠标悬停在图片上的时候，图片做“旋转”之类的小效果 当鼠标移走后图片复位 使用方法： 1、在你的网 …
前端模拟微信app支付页面效果
效果描述： 现在H5已经越来越强大了，逐渐攻入原生native中去 今天特意整理了一个前端模拟支付宝支付并返回成功页面的效果供给大家参考 使用方法： 不再赘述 文章来自WE7资源网www.bfwv.cn转载请注明出处， …
H5lock插件模拟APP手势9宫格滑动解锁效果
效果描述： 今天给大家推荐一个比较简单易用的，可以放到手机移动端的手势解锁功能插件 不依赖任何js插件 使用方法： 1、将附件中index.html中body里的两个js引入到你的页面中即可 (注意保持文件路径的正确 …
圆形旋转导航菜单
效果描述： 利用CSS3实现的导航效果 当然，还少不了jQuery，以及它的跟班插件 圆形导航，支持鼠标拖动滑动 高版本浏览器下效果更佳 使用方法： 1、将head中的js引入到你的网页中 2、将body中的代码部分拷贝 …
纯css3制作出来的狐狸尾巴燃烧效果
效果描述： 最初的效果还是Mozilla在合作伙伴官方网页上发布的这个绚丽的狐狸尾巴动画效果 看起来就像尾巴在燃烧一样，看起来是不是很神奇，很羡慕这是如何制作出来的。 当然，是有两种方法可以制作出来的 …
纯CSS3伪类实现icon标签效果
效果描述： 之前在网页中看到很多类似标签的效果，第一反应就是，这肯定是图片背景铺成的嘛，顶多使用svg 后来仔细看了下代码才发现，html中仅仅是一个a标签而已，其他的都在CSS中实现 并且没有使用任何图 …
css3代码属性Flexbox实现内部div上下居中效果
效果描述： 首先还是那句老话，非常幸运我们现在可以使用CSS3布局。 在布局的传统解决方案中，都是基于盒状模型，依赖display属性、position属性、float属性，这种方式比较传统，对于那些特殊布局来说非常 …
纯CSS3伪类after实现自定义hover效果
效果描述： 我们知道，当鼠标悬停在图片或者文字上的时候，会有一行文字说明悬停显示出来 这行文字都是默认的效果，有一天你的客户跟你说，哎呀，这个这么丑，能不能美化一下呢 你一听，艾玛这个是系统默认 …