Efect tranzitie la linkuri

Pentru a creea un efect de tranzitie la linkuri folosim codul CSS urmator:

Cod:

a:link, a:visited, a:active {
    color: #Culoare1;
    outline: none;
    text-decoration: none;
    transition-property: border, color;
    transition-duration: .25s;
    -o-transition-property: border, color;
    -o-transition-duration: .25s;
    -webkit-transition-property: border, color;
    -webkit-transition-duration: .25s;
    -moz-transition-property: border, color;
    -moz-transition-duration: .25s;}

    a:hover {
    text-decoration: none;
    color: #Culoare2;}

Pentru a creea efectul de tranzitie intram in Foaia de stil CSS si adaugam codul de mai sus.
Pentru a adauga codul intr-o alta pagina, adaugati codul intre:

Cod:

<style type="text/css"> COD </style>

Este eficient imi place