Visualizza l'anteprima del nostro nuovo corso sulla piattaforma di animazione GreenSock

GreenSock è un framework JavaScript che facilita l'animazione di elementi HTML. In GreenSock Animation Platform: Primi passi, farai i primi passi per imparare come usare questo potente framework. 

Che cosa imparerai

Seguendo questo corso, imparerai come animare e controllare elementi DOM usando la potente libreria GreenSock. Envato Tuts + istruttore Craig Campbell ti guiderà attraverso una serie di tecniche, partendo dalle animazioni di base e passando a quelle più complesse che coinvolgono più oggetti. Finalmente, creerai un menu animato.

Finché avrai una comprensione di HTML e CSS, insieme a una conoscenza di base di JavaScript, sarai dotato di tutto ciò che ti serve per seguire. 

Ecco alcune lezioni gratuite da questo corso, come anteprima di ciò che puoi aspettarti:

Creare un'animazione "a"

In "TweenLite", un'animazione "a" utilizza le proprietà correnti dell'elemento di destinazione come punto di partenza per l'animazione. In questa lezione imparerai la sintassi per la creazione di movimenti semplici. Il corso utilizza CodePen per fornire il codice per ogni lezione, quindi ti consigliamo di fare riferimento allo Starter Pen per questa lezione.

Facilitare

Easing consente di personalizzare la velocità di un'animazione per renderla più realistica. In questa lezione, imparerai come applicare l'attenuazione di base ai tuoi interpolazioni. Di nuovo, ecco Starter Pen.

Animazione di più oggetti

Il primo capitolo del corso copre le animazioni di base e in questa lezione inizierai ad affrontare animazioni più complesse che coinvolgono più oggetti. Ecco lo Starter Pen per questo.

Puoi prendere subito il nostro nuovo corso con un abbonamento a Envato Elements. Con una sola tariffa mensile bassa, puoi accedere non solo a questo corso, ma anche alla nostra libreria in crescita di oltre 1.000 corsi video e eBook leader del settore su Envato Tuts+.

Inoltre ora ottieni download illimitati dall'enorme libreria Envato Elements di oltre 200.000 foto e oltre 26.000 asset e modelli di design. Crea con caratteri, foto, grafica e modelli univoci e realizza progetti migliori più velocemente.

Oppure, se non sei pronto per imparare le tecniche di animazione in questo momento, potresti voler cercare alcune animazioni CSS predefinite da includere nei tuoi progetti.