4/21/2011

How to style link hover - Style 1

4/21/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.