Nuovo corso Animazione CSS nel mondo reale

L'animazione CSS è ovunque in questi giorni. È bello vedere una collezione di spinners di caricamento CSS, o sperimentare un buon effetto slide, ma come possiamo implementare queste tecniche sui nostri siti Web e app? In Animazione CSS nel mondo reale, imparerai i dettagli dell'animazione CSS.

Che cosa imparerai

Questo corso riguarda l'utilizzo di animazioni CSS in situazioni reali. Tutor + istruttore Cory Simmons ti insegnerà pratici trucchi di animazione CSS per pulsanti, elementi di navigazione, eventi di scorrimento, SVG e come applicarli a un numero di situazioni che incontrerai ogni giorno sul Web.

Inizierai con una panoramica delle basi di animazione CSS e poi passerai a casi specifici, come creare menu a discesa animati, animare SVG, animare in base alla posizione di scorrimento della pagina e altro ancora.

Ecco un'anteprima gratuita di alcune delle lezioni di questo corso:

Miglioramento degli stati al passaggio del mouse

Guarda questo video per capire veramente come funziona l'animazione CSS creando alcune semplici animazioni CSS utilizzando alcune tecniche diverse. Nel processo creerai un bel pulsante di transizione gradiente.

Animazione di file SVG e relative parti

In questa lezione imparerai cosa sono gli SVG, quando usarli e come animarli e le loro parti composite.

Animazione basata sulla posizione di scorrimento con WOW.js

In questo video scoprirai come animare il contenuto o il contenuto multimediale nella visualizzazione mentre l'utente scorre lungo la pagina. Per ottenere questo, prima imparerai i principi, quindi userai un piccolo plugin JavaScript chiamato WOW.js.

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.