Animatiile dintr-un website pot transforma un layout simplu si plictisitor intr-unul dinamic si interesant ce va persista in mintea vizitatorului pentru multa vreme dupa ce a terminat umblat pe site-ul tau. <\/p>\n
O animatie populara este cea in care pozitia mouse-ului pe ecran se foloseste la animarea elementelor din pagina. Acest lucru poate fi realizat prin mai multe metode, dar cele mai populare sunt animatiile legate de evenimente de tipul hover, la intrarea si iesirea mouse-ului de pe un element (mousemove, mouseenter, mouseout) sau prin preluarea coordonatelor cursorului pe axa X si axa Y. <\/p>\n
Cu toate aceste tool-uri la dispozitia ta se poate crea un site foarte dinamic, unic si plin de caracter. De exemplu poti face ca elemente din site sa urmareasca cursorul sau poti deforma si schimba valorile implicite ale acestor elemente.<\/p>\n
Mai jos avem un exemplu de animatie care se foloseste de interactia mouse-ului cu un element pentru a modifica alt element:<\/p>\n
\n See the Pen
\n Mouse Flip JS<\/a> by Puiu (@Puiu<\/a>)
\n on CodePen<\/a>.<\/span>\n<\/p>\n