Introducere în Web Development

Vom învăța în lecțiile următoare două metode de a mișca elementele pe ecran. În limbaj non-tehnic, orice mișcare se poate numi „animație”.

Însă în CSS există o distincție între animații și tranziții.

Tranzițiile fac trecerea mai lină de la o valoare a unei proprietăți la altă valoare. Asta se poate întâmpla atunci când se schimbă ceva la un element. Poate se schimbă o clasă, o pseudo-clasă, sau poate elementul a fost altcumva modificat prin JS.

Când trebuie să treacă de la o valoare la alta, browserul va randa de câte ori poate valori intermediare.

În schimb, animațiile pot rula automat, fără să fie nevoie de interacțiune din partea utilizatorului sau modificări ale elementelor.

De asemenea, cu animații, vom putea realiza efecte mai complexe. Dar asta le face și mai greu de scris și gândit. Tranzițiile sunt mult mai ușor de folosit și de multe ori sunt suficiente pentru ce avem nevoie.