HTML鼠标悬停图片的动态效果,4种超酷鼠标滑过图片过渡动画特效

CaptionHover.css是一组超酷CSS3鼠标滑过图片过渡动画特效。该特效中共有4种效果，分别是在鼠标滑过图片时图片产生过渡动画，展现图片标题的特效。

使用方法

在页面中引入CaptionHover.css文件。

HTML结构

使用一个

作为容器，4种效果对应的class类分别为：ef1-ef4。里面放置图片和一个子

元素。子

元素用于制作图片标题层，需要添加contentPart class类。

This is your Content Place.

Click on Me

CSS样式

效果一的预览及CSS样式如下：

.ef1 .contentPart {

position: absolute;

top: 0px;left: 0px;

width: 100%;height: 100%;

background-color: #0f305d;<