纯css3实现鼠标悬停背景翻转动画导航 -懒人源码

纯css3实现鼠标悬停背景翻转动画导航

作者/代码整理：懒人 (转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：2015-01-26

效果描述：

以前这种类似的效果，懒人源码也收录过，不过需要一些较为复杂的js才能实现，跟目前的这款比起来，那个还是比较占用内存的

我们的口号是，能用css解决的事情，就不要动用js

今天的这款效果，鼠标悬停背景图片翻转，无需js，只要一部分的css3代码即可，其他的都是普通的css2代码

使用方法：

1、将head中的lanrenzhijia.css样式引入到你的网页中

2、将body中的代码部分拷贝到你需要的地方即可

(图片采用绝对路径，不建议修改)

声明：凡标题注明“懒人原生”二字，均为本站原创，非书面授权谢绝转载