Pentru a creea un efect de tranzitie la linkuri folosim codul CSS urmator:
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:
Inlocuiti Culoare1 cu culorea de baza a link-urilor, iar la Culoare2 culoarea linkului in momentul in care veti pune cursorul !
***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !
- 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>
Inlocuiti Culoare1 cu culorea de baza a link-urilor, iar la Culoare2 culoarea linkului in momentul in care veti pune cursorul !
***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !