21 . 04 . 2011
How to style link hover – Style 1

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.
»
«
»
«