Navigare rapidă

Ultimele subiecte
» Prezentare CHR
Scris de Zeus Vin 20 Oct - 22:13
» CHR portofoliu
Scris de CHR Dum 8 Oct - 23:09
» Tema noua pe Extrem Tutorials
Scris de CHR Dum 8 Oct - 22:55
» Cum iti creezi propriul joc online
Scris de officialzaru Joi 5 Oct - 20:26
Cuvinte-cheie

edit  

Efect tranzitie la linkuri


Demo: http://demonstratii.wikiforum.ro/
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>

Inlocuiti Culoare1 cu culorea de baza a link-urilor, iar la Culoare2 culoarea linkului in momentul in care veti pune cursorul !



Tutorial realizat de Rio

***Important !

Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !

Comentariile utilizatorilor

Fii primul care comenteaza acest articol