html - 悬停时如何显示标签以及悬停时如何使图片变暗？

Question

所以我有这个主题（http://gyapo.tumblr.com/search/teardrop），它没有选项在悬停时显示标签或在悬停时使图片和 GIF 变暗。

我想让标签显示在这个主题中（http://thprev01.tumblr.com/）

有人可以帮帮我吗？

Answer 1

这是使用 CSS3 技术的字体大小转换。只需将其添加到您的自定义 CSS 中：

#tags{
    font-size: 0px;
    -webkit-transition: font-size 1s;
    -moz-transition: font-size 1s;
    -o-transition: font-size 1s;
    -ms-transition: font-size 1s;
    transition: font-size 1s;
}

.post:hover #tags{
    font-size: 9px;
}

Answer 2

#element:hover {
    /*your style here*/
}
#element:hover #element-you-want-to-style {
    /*your style here*/
}

参考：http ://www.w3schools.com/cssref/sel_hover.asp

Answer 3

<style>
img:hover
{
background: rgba(0,0,0,0.7);
}
</style>