注册
登录
充值会员
退出
毕业设计
PHP源码
首页
整站源码
菜单导航
时间日期
焦点图
tab标签
jquery特效
在线客服
广告代码
相册代码
图片特效
名站特效
其他代码
HTML5
纯css3实现鼠标悬停背景翻转动画导航
作者/代码整理:
懒人
(转载请附加本文地址,带有“懒人原生”字样的谢绝转载)
发布日期:2015-01-26
效果描述:
以前这种类似的效果,懒人源码也收录过,不过需要一些较为复杂的js才能实现,跟目前的这款比起来,那个还是比较占用内存的
我们的口号是,能用css解决的事情,就不要动用js
今天的这款效果,鼠标悬停背景图片翻转,无需js,只要一部分的css3代码即可,其他的都是普通的css2代码
使用方法:
1、将head中的lanrenzhijia.css样式引入到你的网页中
2、将body中的代码部分拷贝到你需要的地方即可
(图片采用绝对路径,不建议修改)
声明:凡标题注明“懒人原生”二字,均为本站原创,非书面授权谢绝转载
上一篇:
HTML5+CSS3实现鼠标悬停3D立体式图片效果
下一篇:
jQuery+css3实现鼠标点击烟花播放效果
在线预览
本地下载
网站常用
时间日期
在线客服
TAB标签
其他代码
名站特效
视频播放
相册代码
广告代码
图片特效
jquery特效
焦点图
菜单导航
CSS3
猜你喜欢...
jQuery实现新浪微博回复字数限制
超漂亮的适合浏览器宽度的flash+xml幻灯轮换代码
可缩放图片文字空间的焦点图代码
JS调用本机时间
css实现文章内容页文字大小切换
滚动条滚动部分颜色修改代码
非常漂亮的菜单切换格子图片特效
JS控制图片左右滚动代码
可在网页中随意拖动的图片特效