HTML5实例 纯css3实现鼠标悬停背景翻转动画导航 效果描述: 以前这种类似的效果,WE7资源网也收录过,不过需要一些较为复杂的js才能实现,跟目前的这款比起来,那个还是比较占用内存的 我们的口号是,能用css解决的事情,就不要动用js 今天的这款效果,鼠 …
HTML5实例 jQuery+css3实现鼠标点击烟花播放效果 效果描述: 高版本浏览器才支持的烟花播放效果 其中使用了高版本的jQuery插件库以及html5的canvas属性 鼠标在图片上任意单击,便会有烟花发射到此处并爆炸的效果 使用方法: 1、将head中的css样式引入到你 …
HTML5实例 SVG实现边框逆时针旋转动画效果 效果描述: 无需运行任何js 本效果只使用html5+css3即可实现鼠标悬停后的动画效果 这是一个非常微妙的动画效果,当你的鼠标悬停在任意一个网格中的时候,你会看见背景颜色逐渐淡去,边框呈逆时针方向旋转的 …
HTML5实例 纯css3滚动视差图片效果 效果描述: 在这里,我们不使用任何javascript,只需要纯css3属性即可实现本动画效果 本滚动视差特效包含四个片段 每个分别包含input控制器,label文字说明以及对应的html部分 使用方法: 1、将head中的lan …
HTML5实例 css3伪放大镜(图片放大动画)效果 效果描述: 五张小图片呈圆形平均排列起来,当鼠标悬停后,大的背景显示当前图片 且小图片高亮显示,背景呈现灰白色,主次分明 纯css3实现的图片动画效果,非常漂亮 使用方法: 1、将head中的css样式引入到 …
HTML5实例 简洁实用的css3手机界面侧边栏展示隐藏效果 效果描述: 我们很多人的手机客户端都有整个页面右移,左侧显示列表的效果 今天也给大家推荐这样一个css3效果 默认左侧列表隐藏,点击按钮后,整体右移,左侧列表动画显示出来 使用方法: 1、将head中的css …
HTML5实例 js+css3实现立体式图片旋转特效 效果描述: 立体式多图围绕旋转效果,可以上下左右拖动,也可自滚动 js配合css3,可以说是一个完美的搭配 使得页面非常的轻,占用内存低,完美解放客户端浏览器 当然,它不支持低版本浏览器,你懂的 使用方 …
HTML5实例 28个纯css3 加载loading动画特效 效果描述: css3应用范围越来越广,特别是在如今谷歌浏览器逐步替代IE的情况下 今天特意给大家推荐一款css3 loading加载效果 当然,他并不是纯css3的,抱歉标题可能会有些歧义,但是偶尔的一点点js也是可以 …
HTML5实例 网页底部圆形可折叠式导航菜单 效果描述: 一个用户体验较好的css3底部扇形导航 默认折叠效果,点击后显示所有列表 导航底部居中 使用方法: 1、将lanren.css样式拷贝到你的样式表中 2、将body中的代码部分复制过去即可 文章来自WE7资源 …
HTML5实例 canvas+原生js实现立体式文字变换特效 效果描述: 好久之前就有了的一个css3动画 今天无意间看到,感觉写的还是挺不错的 供给懒人们欣赏欣赏 使用方法就不多谈啦 文章来自WE7资源网www.bfwv.cn转载请注明出处,并保留本链接,谢谢!
HTML5实例 纯css3实现渐进点点loading效果 效果描述: 我们在看到这样效果的第一眼,这怎么可能用css实现,以为是图片做的 但是其中还有点点点的动画loading效果 然后我们想到,这个肯定是gif小图片实现的 其实不然,这是由css3实现的小动画效果 在 …
HTML5实例 jQuery.jqthumb插件让你的图片始终保持等比例排列 效果描述: 当我们在企业网站上显示图片列表的时候,经常要先将图片一一处理成标准尺寸 如果图片很多的话,我们一个一个处理的话,将会非常的痛苦 今天给大家推荐一个jQuery插件 它可以将你的图片平铺起来 …
HTML5实例 css3高度灵活的模拟扑克牌切换图片效果 效果描述: 插件提供了三种图片切换效果,非常流畅 不过其中引入了大部分的css3代码,低版本浏览器并不支持 建议在高版本浏览器下浏览 使用方法: 1、将head中的样式引入到你的样式表中 2、将body中的代码 …
HTML5实例 以复选框为中心产生波浪式动画效果 效果描述: 只需要引入一个id为lanren的div,外加js以及css即可实现这种效果 当然,css3的效果,低版本浏览器下无法实现 尽可能少的代码,方便使用的html css js 才是我们追求的极致,懒人的最高境界,至于 …
HTML5实例 css3高版本浏览器下垂直文字放大镜效果 效果描述: 在国外网站上看到的这样一款列表文字图片放大的效果 放大效果是一个矩形,适中处在浏览器中间位置 使用起来不卡,很舒服 低版本浏览器不支持 使用方法: 1、将head中的样式引入到你的样式表中 2 …
HTML5实例 纯css3实现栏目三等平均分配 效果描述: 本效果主要介绍的是一个方法 用一种看起来很高级的方式实现你的div三等分 使用方法: 1、将head中的样式引入到你的样式表中 2、将body中需要的代码部分拷贝过去即可 文章来自WE7资源网www.bfwv. …
HTML5实例 三维空间立体式导航菜单 效果描述: 当鼠标移动到网页左侧的时候,隐藏的导航部分显示出来 同时右侧的呈现出立体式三维效果 使用方法: 1、将head中的样式引入到你的样式表中 2、将body中需要的代码部分拷贝过去即可 文章来自WE7资 …
HTML5实例 css3简洁动感旋转圣诞树效果 效果描述: 立体式旋转效果非常棒的一款圣诞树效果 默认左右旋转 css3效果,低版本浏览器不支持 使用方法: 1、将head中的样式引入到你的样式表中 2、将body中需要的代码部分拷贝过去即可 文章来自WE7资源 …
HTML5实例 纯html5折叠式导航菜单 效果描述: 使用纯html5加css3实现的树形折叠式导航菜单效果 不使用任何js,也不用任何图片即可实现的效果 非常棒,使用也很方便 使用方法: 1、将head中的样式引入到你的样式表中 2、将body中需要的代码部 …