css鼠标悬停图片旋转淡出

html-css040

css鼠标悬停图片旋转淡出,第1张

可以做翻转效果。css鼠标悬停图片旋转淡出可以用来给图片做翻转效果。css指的是层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言，是用来表示html样式的一种编程语言。

实现鼠标悬停在图片上底部弹出文字内容的实现方法：

HTML代码:

<div id="wrapper">

<img src="http://placehold.it/300x200" class="hover" />

<p class="text">text</p>

</div>

CSS代码：

#wrapper .text {

position:relative

bottom:30px

left:0px

visibility:hidden

}

#wrapper:hover .text {

visibility:visible

}

#m_blog a img{filter:gray(enabled=0)}

#m_blog a:hover img{filter:gray(enabled=1)}

a:hover {text-decoration:underlineposition:relativeleft:1pxtop:1pxclip:rect( )}