HTML5实例 纯css3圆柱立体式倒影效果 效果描述: 我们知道css3代码可以改变图片的方向,可以让图片立体式排列,也可以实现倒影效果 只要耐心,角度安排合理,可以制作出很多不错的效果 这种效果在之前的css2代码中,html4时代是想都不敢想的 今 …
HTML5实例 jQuery插件模拟支付宝密码输入框效果 效果描述: 相信大家都用过支付宝,用支付宝支付或者转账交易的时候,最后会要求大家输入6位数密码 用户体验挺好的,今天特意整理了一个网页版的供给大家参考使用 使用方法: 1、将head中的样式复制到你的 …
HTML5实例 几十种CSS3鼠标悬停动画特效 效果描述: 第一次见到收集种类如此全的css3图片动画效果 都是“hover”效果,即当鼠标悬停在图片上的时候,图片做“旋转”之类的小效果 当鼠标移走后图片复位 使用方法: 1、在你的网 …
HTML5实例 前端模拟微信app支付页面效果 效果描述: 现在H5已经越来越强大了,逐渐攻入原生native中去 今天特意整理了一个前端模拟支付宝支付并返回成功页面的效果供给大家参考 使用方法: 不再赘述 文章来自WE7资源网www.bfwv.cn转载请注明出处, …
HTML5实例 H5lock插件模拟APP手势9宫格滑动解锁效果 效果描述: 今天给大家推荐一个比较简单易用的,可以放到手机移动端的手势解锁功能插件 不依赖任何js插件 使用方法: 1、将附件中index.html中body里的两个js引入到你的页面中即可 (注意保持文件路径的正确 …
HTML5实例 圆形旋转导航菜单 效果描述: 利用CSS3实现的导航效果 当然,还少不了jQuery,以及它的跟班插件 圆形导航,支持鼠标拖动滑动 高版本浏览器下效果更佳 使用方法: 1、将head中的js引入到你的网页中 2、将body中的代码部分拷贝 …
HTML5实例 纯css3制作出来的狐狸尾巴燃烧效果 效果描述: 最初的效果还是Mozilla在合作伙伴官方网页上发布的这个绚丽的狐狸尾巴动画效果 看起来就像尾巴在燃烧一样,看起来是不是很神奇,很羡慕这是如何制作出来的。 当然,是有两种方法可以制作出来的 …
HTML5实例 纯CSS3伪类实现icon标签效果 效果描述: 之前在网页中看到很多类似标签的效果,第一反应就是,这肯定是图片背景铺成的嘛,顶多使用svg 后来仔细看了下代码才发现,html中仅仅是一个a标签而已,其他的都在CSS中实现 并且没有使用任何图 …
HTML5实例 css3代码属性Flexbox实现内部div上下居中效果 效果描述: 首先还是那句老话,非常幸运我们现在可以使用CSS3布局。 在布局的传统解决方案中,都是基于盒状模型,依赖display属性、position属性、float属性,这种方式比较传统,对于那些特殊布局来说非常 …
HTML5实例 纯CSS3伪类after实现自定义hover效果 效果描述: 我们知道,当鼠标悬停在图片或者文字上的时候,会有一行文字说明悬停显示出来 这行文字都是默认的效果,有一天你的客户跟你说,哎呀,这个这么丑,能不能美化一下呢 你一听,艾玛这个是系统默认 …
HTML5实例 纯CSS3属性animation实现的打字效果 效果描述: 网页打字效果,相信大家已经见过了,基本上都是基于JS实现的,还比较麻烦 今天特意给大家推荐一个只用CSS3就可以实现的打字效果 使用方法: 将head中的样式应用到你需要显示的文字上即可 (注意 …
HTML5实例 纯CSS3实现一棵自己跳舞的树 效果描述: 左右摆动的一棵树,第一反应应该是图片动画做的 但是你错了,这是用纯代码实现的效果,而且不需要js,是不是很赞呢 使用方法: 1、将body中的代码部分拷贝过去 2、将lanren.css样式引入到你的页 …
HTML5实例 纯js实现不影响网页点击效果的网页下雪插件 效果描述: 一个很不错的网页下雪效果,其中使用的CSS3代码,雪花一边下飘一边旋转,这样就不会影响雪花底部的网页点击效果了,当然,这必须得在高版本浏览器下才能支持的旋转效果 低版本浏览器照样浏览, …
HTML5实例 基于SVG实现Loading加载按钮代码 效果描述: 一个观赏性较好的svg 实现的loading动画效果 其中调用的CSS、js内容较多,不适合用于实际项目中,所以说比较适合于观赏 且低版本浏览器支持度也不够好,使用方法这里也就不再赘述 使用方法: 1 …
HTML5实例 html+css3实现可以旋转的太极图案效果 效果描述: css3大行其道的今天,可以实现很多原本需要图片才能实现的效果 比如今天给大家推荐的这个可以自动旋转的太极图案效果 在CSS2的时代,你能想象的到,只用HTML+CSS就可以实现这种效果么? 使用方 …
jquery特效 jquery hover显示图片详细介绍 jquery hover鼠标滑过案例或产品图片列表,图片向上滚动显示图片详细内容,鼠标离开图片内容向下滚动显示案例或产品图片 文章来自WE7资源网www.bfwv.cn转载请注明出处,并保留本链接,谢谢!
HTML5实例 纯CSS3制作飞舞的火箭动画 效果描述: 很偶然的一个机会,看到百度fls构建工具官网banner上有一个不断飞舞的火箭效果 感觉非常不错,我第一反应它肯定是纯CSS3制作的,这是直觉,别问我为啥,因为换做是我 我也会用CSS3做啊,虽然麻 …
HTML5实例 纯CSS3实现立体式鼠标悬停翻转效果 效果描述: 一个纯CSS3实现的鼠标悬停翻转效果,立体式效果非常不错 实现起来也很简单,主要靠CSS3的那一个特殊属性而已 使用方法: 1、将index.html中的样式复制到你的样式表中 2、将body中的代码部分拷贝 …