Lag Cascading Effects enkelt med CascadeJS

Fancy animasjoner er et dime et dusin på nettet. De blir enklere å lage med mange utrolige animasjonsbiblioteker .

Cascade.js er et annet bibliotek å legge til i listen, og det er definitivt en unik en. Med Cascade kan du designe tilpassede animasjonseffekter ved hjelp av kaskende bokstaver i tekst- eller kaskaderelementer i en hovedbeholder.

Dette biblioteket har ingen avhengigheter ; den kjører på klassisk JavaScript. Du kan installere den via npm, Bower, eller ved å laste ned en kopi rett fra GitHub.

For å få CascadeJS til å fungere, trenger du to filer : en CSS-fil og en JavaScript-fil. De begge kommer pakket med minifiserte versjoner for å spare deg for noen få kbs på sidestørrelse.

Hvert Cascade-element brytes ned i separate deler som animerer individuelt gjennom elementer. Disse legges til dynamisk, slik at du ikke trenger å endre noe i HTML-en din.

Men du må sette opp flow() -funksjonen i filen din, etter å ha målrettet mot hvilket element du vil animere.

Du kan faktisk bruke jQuery med dette biblioteket hvis du vil, men det er ikke nødvendig . Så, hvis du foretrekker å velge elementer med jQuery, må du gjerne bruke det i stedet.

Her er en utdrag av vanilla JavaScript fra hovedstedets demo:

Du kan passere elementet flow() uten parametere, eller du kan konfigurere dem alle selv. Det tar åtte valgfrie parametere for redigering av animasjonsstil, timing, varighet og valgfrie CSS-klasser.

CascadeJS har en annen funksjon som heter fragment() som lar deg dele bokstaver (eller elementer) i separate beholdere uten å animere dem. Du kan bruke denne funksjonen til å farge og restylere tekst på siden ved å målrette hvert enkelt brev i et ord. Ganske kul, ikke sant?

Alle kodeprøver er åpent tilgjengelige på hovedbibliotekssiden, slik at du kan kopiere / lime og tinker på egen hånd. Men du finner også dokumentasjonen på GitHub-siden hvis du leter etter en klarere måte å komme i gang.

77 Fangende og kreative slagord

Et slagord er en reklamemerking eller setning som annonsører oppretter for å uttrykke betydningen og kjernen ideen om deres produkt eller tjeneste. I stor grad er det et tema for en kampanje som vanligvis har en ekte rolle i folks liv. Den har muligheten til å låne folks tid og oppmerksomhet ved å sette forbrukerne i hjertet av løsningen .Faktu

(Tekniske og design tips)

Bygg Feature Rich JQuery Carousels med slick

Ikke mange karusellbiblioteker kan konkurrere med Slick . Det er den mest jam-pakket jQuery-plugin for å bygge dynamiske karuseller på nettet.Det er helt gratis og bygget på toppen av jQuery . Koden er super enkel å sette opp, selv om det krever noen avhengigheter . Men med så mye funksjonalitet er det verdt å legge til de ekstra bibliotekene for å få dette til å fungere.For å in

(Tekniske og design tips)