Extrem Tutorials
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Extrem TutorialsConectare

Peste 500 tutoriale in limba romana.


Efect tranzitie la linkuri

power_settings_newConectați-vă pentru a răspunde

06052012
Efect tranzitie la linkuri

Demo: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
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 !

Comentarii

Niciun comentariu.
power_settings_newConectați-vă pentru a răspunde
remove_circleSubiecte similare
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum