Crea facilmente effetti a cascata con CascadeJS

Le animazioni fantasiose sono una dozzina di dozzine sul web. Stanno diventando più facili da creare con tonnellate di incredibili librerie di animazioni .

Cascade.js è un'altra libreria da aggiungere alla lista, ed è sicuramente unica. Con Cascade, puoi progettare effetti di animazione personalizzati usando lettere a cascata nel testo o elementi a cascata in un contenitore principale.

Questa libreria non ha dipendenze ; funziona su JavaScript classico. Puoi installarlo tramite npm, Bower o scaricando una copia direttamente da GitHub.

Per far funzionare CascadeJS, avrai bisogno di due file : un file CSS e un file JavaScript. Entrambi vengono forniti con versioni minificate per risparmiare pochi KB sulla dimensione della pagina.

Ogni elemento Cascade viene suddiviso in parti separate che si animano individualmente attraverso gli elementi. Questi vengono aggiunti dinamicamente, quindi non è necessario modificare nulla nel codice HTML.

Ma, dovrai impostare la funzione flow() nel tuo file, dopo aver selezionato quale elemento vuoi animare.

È possibile utilizzare jQuery con questa libreria, se lo si desidera, tuttavia non è necessario . Quindi, se preferisci selezionare gli elementi con jQuery, puoi usare quello.

Ecco uno snippet di vanilla JavaScript dalla demo del sito principale:

È possibile passare l'elemento flow() senza parametri, oppure è possibile configurarli tutti da soli. Sono necessari otto parametri opzionali per modificare lo stile, i tempi, la durata e le classi CSS opzionali dell'animazione.

CascadeJS ha un'altra funzione chiamata fragment() che ti permette di suddividere lettere (o elementi) in contenitori separati, senza animarli. Puoi utilizzare questa funzione per colorare e ridimensionare il testo sulla pagina scegliendo come target ogni singola lettera di una parola. Piuttosto interessante, vero?

Tutti gli esempi di codice sono disponibili nella pagina della libreria principale, in modo che tu possa copiare / incollare e armeggiare da solo. Ma troverai anche la documentazione sulla pagina GitHub se stai cercando un modo più chiaro per iniziare.

Come saltare la schermata di accesso a Windows 8 o 8.1 [Quicktip]

La schermata di accesso è una funzionalità di sicurezza importante presente e utilizzata in tutti i tuoi laptop e dispositivi mobili. Ma se lavori in un ambiente sicuro e sei l'unico utente del tuo computer, potresti pensare di prendere delle libertà quando si tratta di saltare la schermata di accesso . S

(Consigli tecnici e di design)

Soluzioni per il surriscaldamento del PC e come tenerlo fresco

Il tuo PC si riscalda come la griglia di Uncle Tom? Bene, è sicuramente uno dei segni che il tuo computer potrebbe essere nei guai. Il calore può rallentare il PC e spegnerlo automaticamente, con conseguente perdita di dati o danni permanenti ai componenti. Se il tuo desktop o laptop si sta scaldando fino al punto di preoccupazione, allora devi agire immediatamente.I

(Consigli tecnici e di design)