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;
    }

    »
    «
    »
    «

    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