28 / 07 / 2012

How to style link hover – Style 3 & 4

Assalamualaikum,
Harini nak bagi code untuk link hover. Cara guna :

  1. Semua template boleh guna, cari code yang berkaitan dengan link, padam code tu dan gantikan dengan code bawah ni. (Code berkaitan dengan link: a:hover,a:visited , a:hover , a:link)
  • Type 1
  • I feel like I'm under a spell

    a:link,a:visited{
    text-decoration:none;
    color:#aaa;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    a:hover{
    color:#fff;
    background:#111;
    }

  • Type 2
  • I feel like I'm under a spell

    a:link,a:visited{
    text-decoration:none;'
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    border-bottom:2px solid transparent;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color:#aaa;
    }
    a:hover{
    border-bottom:2px solid #FF6C6C;
    }

    »
    «
    »
    «

    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