21 / 04 / 2011

How to style link hover – Style 1

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

A personal & design blog based in Malaysia. Blog is still under construction but enjoy your visit!

Search this blog

category

Blogging Personal Tutorials Freebies Category Category

subscribe this blog

My Bloglist

Sponsor


Random post from this blog



© 2011-2017 WANASEOBY.COM