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

The blog writer

shazwana


An ordinary girl with a lot of hobbies, using this blog to share every pieces of her life, I am Wana without Seoby, a Marketing student who is in love with the art of coding.

Read more about me


+ JOIN THIS SITE

Instagram

Footsteps

My Bloglist

Sponsor



© 2011-2017 WANASEOBY.COM