CSS malvagio - Una nuovissima libreria di animazioni in puro CSS3
Grazie a CSS3 puoi creare alcune animazioni pazze sul web. Questi possono funziona su tutti i browser e gli elementi della pagina per controllare gli elementi di navigazione, i menu a discesa, i tab, il nome.
In effetti puoi persino generare questi codici dinamicamente usando gli strumenti di animazione. Ma quelli sono abbastanza limitati rispetto ad una libreria di animazione completa.
CSS malvagio è la più recente libreria del suo genere. Questo mi ricorda presto Animate.css che era abbastanza semplice e rudimentale, ma potrebbe essere utilizzato praticamente in qualsiasi sito web.
Dai un'occhiata alla home page per una demo dal vivo insieme a un elenco di tutte le animazioni supportate. Mentre scrivo questo articolo, conto 24 stili di animazione totali da diapositive a rotazioni e effetti pulsanti / rimbalzanti.
Molte di queste animazioni sono caratteristiche uniche utilizzate per portare un elemento in vista (o fuori vista). Questo è utile per le pagine con animazioni scroll-to-view per il targeting di elementi di pagina specifici.
Ma puoi anche usalo per mostrare (o nascondere) gli oggetti extra della pagina come menu a discesa, barre di ricerca, moduli di iscrizione nascosti o qualsiasi altra cosa. Ecco una piccola lista di animazioni tra cui puoi scegliere:
- Agitare
- Zoom avanti / indietro
- Scorri su / giù
- Dissolvenza in entrata / uscita
- Rolling in / out
- Rimbalza e pop
- Rotazione circolare in / out
Tutti questi stili di animazione sono progettati per un singolo uso. Possono essere chiamati più volte per pagina e per elemento, ma queste non sono animazioni ripetute.
Invece userete questi in base all'effetto click, hover o swipe dell'utente. Possono anche essere utilizzati sui pulsanti CTA per effetti pulsanti / pulsanti, ma ciò richiede una funzione di temporizzazione JavaScript.
Dai un'occhiata alla pagina degli esempi per un'anteprima dal vivo e altri dettagli. Troverai anche la documentazione completa sul sito principale insieme al repository GitHub.
CSS malvagio è una nuova libreria quindi non ha ancora un enorme seguito. Ma la biblioteca è stabile ed è probabile che sarà in giro per gli anni a venire.
