9 Cursuri populare de animație CSS

În primele zile de pe web, animația a devenit cunoscută pentru toate acele efecte complicate, complexe care ar fi putut arăta grozav, dar au fost greu de încărcat și adesea confuze pentru utilizare.

Dar, atunci când este folosit în mod corect, animația poate fi un instrument fantastic pentru designerii web care să aibă în kit-ul lor. Cantități mici de mișcări subtile, captivante sunt o modalitate excelentă de a ajuta utilizatorii să interpreteze interfețele și să-și găsească drumul în jurul site-ului sau al aplicației dvs..

Sunteți la curent cu toate cele mai recente tehnici de animație web folosind CSS, JavaScript, relaxare, SVG-uri și cadre speciale precum GreenSock Animation Platform?

Dacă nu, nu vă faceți griji - aici sunt nouă cursuri care vă vor învăța tot ce trebuie să știți.

1. Animație Web practică

În acest curs, instructorul Envato Tuts +, Craig Campbell, vă va arăta modalități practice de a crea animații pentru butoane, tabele de prețuri și alte elemente web, folosind CSS concis și jQuery pentru a face acest lucru.

 

2. Platforma de animație GreenSock: primii pași

GreenSock este un cadru JavaScript care facilitează animarea elementelor HTML. În timpul acestui curs, veți lua primii pași în învățarea cum să utilizați acest cadru puternic. Atâta timp cât aveți o înțelegere a HTML și CSS, împreună cu o cunoaștere de bază a JavaScript, veți fi echipat cu tot ce trebuie să urmați.

 

3. Animație avansată cu plug-in-uri GSAP

Acest curs este o urmarire ideala a celei de mai sus. În acest curs, veți trece dincolo de elementele de bază ale animației GreenSock, deoarece instructorul Envato Tuts +, Craig Campbell, vă va face un tur al pluginurilor livrate cu GSAP.

 

4. Trei proiecte GreenSock: Animație practică cu GSAP

În cel de-al treilea curs GSAP, Craig Campbell vă va prezenta trei proiecte în care veți învăța cum să creați animații programatice, în scenarii din lumea reală, utilizând platforma de animație GreenSock. Veți învăța cum să creați un preloader animat, o animație cu logo-ul SVG și un cursor de conținut personalizat.

 

5. Animarea cu Snap.svg

SVG este o modalitate puternică de a crea grafică bazată pe vectori care se redimensionează perfect. În acest curs, veți învăța cum să utilizați cadrul JavaScript Snap.svg pentru a crea, controla și anima SVG-urile cu ușurință. 

 

6. Relaxarea în funcțiile Cubic Bezier

O modalitate de a respira mai multă viață și o mai multă personalitate în animație pe web este să experimentați diferite setări de relaxare. În acest curs rapid, de zece minute de Coffee Break cu Guy Routledge, veți afla ce este relaxarea, de ce este util, cum să-l controlați și cum să îl aplicați în contextul CSS.

 

7. Sus și Running cu tranziții CSS

În acest curs de pauză de cafea, Craig Campbell vă va arăta tot ce trebuie să știți pentru a începe rapid crearea de animații folosind proprietățile de tranziție CSS. În doar zece minute, veți învăța cum să creați mișcare utilizând doar câteva proprietăți CSS.

 

8. Sus și rularea cu animații CSS Keyframe

Acest curs de pauză de cafea vă învață cum să creați animații folosind cadrele cheie CSS și proprietățile de animație. În doar zece minute, veți învăța cum să creați animații în browser fără a trebui să vă bazați pe pluginuri externe sau pe programe extinse. 

 

9. Bibliotecile CSS esențiale pentru web designeri

În acest curs veți învăța cum să utilizați zece biblioteci CSS esențiale pentru web designeri, disponibile astăzi. Veți afla despre resetări, animații, tranziții și biblioteci legate de tipografie. Veți învăța cu Adi Purdila și veți folosi Bower pentru a vă gestiona proiectele, asigurându-vă că totul rămâne la zi și este ușor de întreținut.

 

Urmăriți orice curs acum

Puteți lua oricare dintre cursurile noastre imediat, cu un abonament la Envato Elements. Pentru o singură taxă lunară redusă, beneficiați de acces nu numai la aceste cursuri, dar și la biblioteca noastră în creștere de peste 1.000 de cursuri video și cărți electronice de vârf din industria Envato Tuts+. 

În plus, beneficiați acum de descărcări nelimitate de la biblioteca imensă Envato Elements cu 200.000 de fotografii + 26.000 de proiecte și șabloane de design. Creează cu fonturi, fotografii, grafică și șabloane unice și oferă proiecte mai bune mai rapid.