How to style link hover – Style 1

21 / 04 / 2011
This post will guide you on how to make you linked text turns into text with shadow when you mouse-over the link.

This is the live preview of the link


1. Go to Template and then click Edit HTML.
2. Find for code ]]></b:skin> or ( </style> for classic template).
3. Paste the codes below before the codes that you just found.

a{
text-decoration:none;
-webkit-transition:All 0.5s ease ;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
a:hover {
text-decoration:none;
text-shadow: 1px 1px 2px #888888;
color:#bab6db;

4. Save. 
Goodluck! You may ask me questions and contact me for problem inquiry.
»
«
»
«
WANA, TWENTY ONE
The girl on the left telling you to have a happy reading!

+ JOIN THIS SITE

Instagram

Footsteps

My Bloglist

Sponsor



© 2011-2017 WANASEOBY.COM