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中的代码部分拷贝 …
HTML5实例 腾讯资深前端推出的移动端滑动骨架 效果描述: 一个非常简洁易用的移动滑屏插件,当然,它并不依赖任何其他库 使用方法: 1、将两个CSS文件引入到你的网页中 2、将body中的代码部分拷贝过去即可 文章来自WE7资源网www.bfwv.cn转载请保留本链接,谢谢!
jquery特效 jquery实现图片实时切换显示方式的特效 Switch Display Options是一个很有意思的jQuery特效,它可以把当前页面图片+标题+简要的详细模式无刷新地切换为三列图片+标题简洁模式,适合用户在网站上自由选择喜欢的图片显示方式,很有人性化的一个功能 …
HTML5实例 canvas实现舞动的雨伞效果 效果描述: 今天给大家推荐一个canvas实现的动画效果 大家知道HTML5新增的这个canvas非常强大,结合js可以实现很多非常不错的动画效果 使用方法: 1、将body中的代码部分拷贝过去即可 文章来自WE7资源网www …
HTML5实例 新浪微博年度财H5动画特效 效果描述: 这是一个完整的H5手机滑屏动画效果,有新浪前端大神一点一点编写完成 想全部使用就别谈了,毕竟这是定制化的东东 但是里面部分小动画效果可以拿出来使用的 文章来自WE7资源网www.bfwv.cn转载请 …
HTML5实例 SVG+CSS3圆形倒计时滚动条效果 效果描述: 一个简单易用的SVG动画,圆形倒计时效果 使用方法: 1、将style.css样式引入到网页中 2、将body中的代码部分拷贝到你需要的地方即可 (适当调整CSS样式以达到你想要的) 文章来自WE7资源网www.bfw …
jquery特效 jquery实现鼠标滑过图片黑白显示的特效 实现的原理并非是由jquery实现灰色背景色,仔细看看源代码图片即可发现,图片是由两张不同的图片,也就是鼠标移动前后的两个图片链接在一起,jquery所要实现的就是在鼠标移动到图片上后前后显示的图片位置 …
HTML5实例 给大家推荐一个简洁易用的CSS3菊花loading效果 效果描述: 现在普通的一个gif菊花loading效果已经很难满足用户的需求了 时间就是成本,如果让用户在等待的时间内可以欣赏到更加好看的loading效果 想必对于用户来说,等待也是一种享受,忠诚度自然会更高 …
HTML5实例 轻量级CSS3立体式3D旋转动画效果 效果描述: 一个非常简洁好看的纯CSS3旋转效果 当鼠标移动到图片上后,会立体式翻转显示隐藏的文字内容 鼠标移走后消失 使用方法: 1、将style.css样式引入到网页中 2、将body中的代码部分拷贝到你需要的地 …