#tutorials: mine

right well its actually surprisingly simple, as long as you have a div style set up for both posts and tags, which custom themes should provide anyway

firstly find the div style which dictates your tags (in my case, it's #info) and add a line saying opacity:0; (or if there is already an opacity command, just change the number to 0)

next copy and paste this code underneath:

#post:hover #info {opacity:1;-moz-transition:all 0.8s;-ms-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;  }

make sure you replace #post with and #info with whatever your post and tag div styles are called, as this will prob vary from theme to theme

here is how it should look when you're done

+ just a brief explanation of how this works (skip if you like) - by changing the opacity of the tags to 0 you make sure that they can’t be seen beforehand, and the second part says that when you hover over the post the attributes of the info style will be changed, in this case the opacity will become 1 (ie visible). the bit below just adjusts the speed of the transition, with four variations depending on the browser.