纯css3实现鼠标滑过图片显示图文效果 -懒人源码

毕业设计 PHP源码

纯css3实现鼠标滑过图片显示图文效果

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

纯css3实现鼠标滑过图片显示图文效果

效果描述：

纯css3实现的鼠标悬停图片后的动画效果

默认文字隐藏在div外部，当鼠标悬停后，图片向上移动

同时显示出底部隐藏的内容

使用方法：

1、将head中的样式复制到你的样式表中

2、将body中的代码部分拷贝过去即可

(注意保持图片路径正确，不兼容低版本浏览器)

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

上一篇：jquery+css3全屏手风琴效果(效果流畅)
下一篇：纯css3模拟单张图片切角固定效果