css - 使用 CSS 完成悬停后如何淡出

Question

因此，我的 tumblr 主题中的主题标签会在悬停时显示。
标签淡入并在悬停时显示，但是一旦骏马移出该区域，它就会变回而没有任何影响。我怎样才能使主题标签淡出？

 .posts:hover .tags {
opacity:1;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
} 

Answer 1

问题是transition-duration在应用时应用于元素，:hover这使得淡出不起作用。所以移到transition-duration下面.tags喜欢

/* default CSS; when :hover is not triggered */
.posts .tags {
    opacity:0;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
}
/* When :hover is triggered */
.posts:hover .tags {
    opacity:1;
}