纯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效果
效果描述： 我们知道，当鼠标悬停在图片或者文字上的时候，会有一行文字说明悬停显示出来 这行文字都是默认的效果，有一天你的客户跟你说，哎呀，这个这么丑，能不能美化一下呢 你一听，艾玛这个是系统默认 …
纯CSS3属性animation实现的打字效果
效果描述： 网页打字效果，相信大家已经见过了，基本上都是基于JS实现的，还比较麻烦 今天特意给大家推荐一个只用CSS3就可以实现的打字效果 使用方法： 将head中的样式应用到你需要显示的文字上即可 (注意 …
纯CSS3实现一棵自己跳舞的树
效果描述： 左右摆动的一棵树，第一反应应该是图片动画做的 但是你错了，这是用纯代码实现的效果，而且不需要js，是不是很赞呢 使用方法： 1、将body中的代码部分拷贝过去 2、将lanren.css样式引入到你的页 …
纯js实现不影响网页点击效果的网页下雪插件
效果描述： 一个很不错的网页下雪效果，其中使用的CSS3代码，雪花一边下飘一边旋转，这样就不会影响雪花底部的网页点击效果了，当然，这必须得在高版本浏览器下才能支持的旋转效果 低版本浏览器照样浏览， …
基于SVG实现Loading加载按钮代码
效果描述： 一个观赏性较好的svg 实现的loading动画效果 其中调用的CSS、js内容较多，不适合用于实际项目中，所以说比较适合于观赏 且低版本浏览器支持度也不够好，使用方法这里也就不再赘述 使用方法： 1 …
html+css3实现可以旋转的太极图案效果
效果描述： css3大行其道的今天，可以实现很多原本需要图片才能实现的效果 比如今天给大家推荐的这个可以自动旋转的太极图案效果 在CSS2的时代，你能想象的到，只用HTML+CSS就可以实现这种效果么？ 使用方 …