如何在悬停时显示标签以及悬停时如何使图片变暗?

时间:2013-10-01 02:42:20

标签: html css tags

所以我有这个主题(http://gyapo.tumblr.com/search/teardrop),当你悬停时它没有显示标签的选项,或者当你悬停时它们会使图片和GIF变暗。

我想让标签显示在此主题(http://thprev01.tumblr.com/

有人能帮帮我吗?

3 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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