Create link issue shadow effect

On Sunday, November 13, 2011 0 comments
I would like to share with all bloggers about a tutorial that may be worth to be applied in all of your blog.

The steps:

1. Login into blogger , choose
    Blogger »Design» Edit HTML »Check Expand Widget
Tips : To keep the HTML code erorr, Backup first template dah ya buddy?

2. Find the code below :
a:hover {
  color:#80ff00;
  text-decoration:none;
}
3. Replace that code into the code below
a:hover {color:#ffffff;text-shadow: 0 0 0.5em #80ff00,0 0 0.5em #80ff00;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}
4. Then Save and see the results.

5. The example like this

Baclink, article-blogging

Description:

When my friend want to shadow effect / image produced becomes thicker, then add more code 0 0 0.5em # 80ff00 results issued shadow effect will be more bold.

More Article:

0 comments:

Post a Comment