CSS malvagio - Una nuova e calda libreria di animazioni in puro CSS3
Grazie a CSS3 puoi creare alcune animazioni pazze sul web. Questi possono funzionare su tutti i browser e gli elementi della pagina per controllare gli elementi di navigazione, i menu a discesa, le schede e 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 il primo Animate.css che era abbastanza semplice e rudimentale, eppure poteva essere usato 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. Al momento della stesura di questo articolo conto 24 stili di animazione totale, dalle diapositive alle rotazioni e agli effetti di pulsazione / rimbalzo.
Molte di queste animazioni sono caratteristiche uniche utilizzate per mettere in vista un elemento (o non vedere). Questo è utile per le pagine con animazioni scroll-to-view che prendono di mira elementi di pagina specifici.Ma puoi anche usarlo per mostrare (o nascondere) elementi di pagina extra come menu a tendina, 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.Il 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.
I siti Web sono pronti a uccidere il Web design?
Più spesso, incontrerai qualcuno che non conosce le andature e le avventure del web design e ti dirà: " Posso fare la stessa cosa che fai usando Squarespace ".A cui potresti rispondere con disgusto o rabbia .Voglio dire, non è sorprendente. L'avvento di piattaforme di costruzione di siti Web drag-and-drop già pronti ha reso la creazione di siti Web molto più semplice, soprattutto perché è necessaria poca o nessuna codifica. E com
Ricerca Emoji con la tastiera su WhatsApp Web
Gli utenti frequenti di WhatsApp Web sono probabilmente consapevoli del fatto che WhatsApp stesso è dotato di una vasta libreria di emoji . Sfortunatamente, scegliere un emoji specifico dall'intera lista può essere piuttosto noioso poiché comporta la navigazione attraverso l'intera serie di emoji.Pe