Share
GreenSock este un cadru JavaScript care facilitează animarea elementelor HTML. În Platforma de animație GreenSock: Primii pași, veți lua primii pași în învățarea cum să utilizați acest cadru puternic.
Urmând acest curs, veți învăța cum să animați și să controlați elementele DOM folosind biblioteca GreenSock foarte puternică. Envato Tuts + instructorul Craig Campbell vă va duce printr-o serie de tehnici, începând cu animațiile de bază și apoi trecând la cele mai complexe care implică mai multe obiecte. În cele din urmă, veți crea un meniu animat.
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.
Iată câteva lecții gratuite din acest curs, ca o previzualizare a ceea ce vă puteți aștepta:
În "TweenLite", o animație "la" folosește proprietățile curente ale elementului țintă ca punct de pornire pentru animație. În această lecție, veți afla sintaxa pentru crearea unei mișcări simple. Cursul utilizează CodePen pentru a furniza codul pentru fiecare lecție, așa că poate doriți să vă referiți la stiloul de pornire pentru această lecție.
Easing vă permite să personalizați viteza unei animații pentru a face să pară mai realistă. În această lecție, veți învăța cum să aplicați relaxarea de bază pentru tweens. Din nou, iată stiloul de pornire.
Primul capitol al cursului acoperă animațiile de bază, iar în această lecție veți începe să abordați animații mai complexe care implică mai multe obiecte. Iată stiloul de pornire pentru acesta.
Puteți să vă luați imediat noul curs cu un abonament la Envato Elements. Pentru o singură taxă lunară redusă, veți avea acces nu numai la acest curs, ci ș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.
Sau, dacă nu sunteți gata să învățați tehnici de animație chiar acum, poate doriți să căutați câteva animații CSS pre-făcute pentru a include în proiectele dvs..
Accentsconagua