用于淡入/淡出图像链接的CSS?

时间:2013-12-02 19:24:14

标签: css

http://buckinghamid.com/portfolio/portfolio/

在上面的网站上,我想使用他们在投资组合图像上使用的效果(我相信它是在WP中创建的)。当您悬停时,图片会淡出并略微变暗,显示一些描述性文本,以及在单击时作为新页面的链接。当您将鼠标悬停时,它仅返回完全不透明度图像。可以使用css完成吗?

1 个答案:

答案 0 :(得分:0)

就是你想要的东西

http://jsfiddle.net/H93KN/

#mainwrapper .box .simple-caption {
height: 30px;
width: 200px;
display: block;
bottom: -30px;
line-height: 25pt;
text-align: center;
 }