How to Hover Tags
I've been using this code to make tags hover on a tumblr html.
Unfortunately all tags show at once when I hover over just one post. I
would like them to show just one at a time. Other tutorials say that I
just need to insert (this) but I don't know where I would do that in my
script?
.tags {
/* Positions the tags section */
bottom: 0px;
left: 0px;
opacity: 0;
filter: alpha(opacity=0);
/* Keeps the tags section over everything */
z-index: 10;
/* Extra: Width is the same as the post width */
width: 100%;
/* Extra: Background colour */
background: white;
/* Extra: Smooth transition: all 0.5s ease*/
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;}
/* When hovering over .entry do this to #tags */
#entry:hover .tags {
/* Opacity is maximum to show tags */
opacity: 1;
filter: alpha(opacity=100);}
No comments:
Post a Comment