Skip to content

Staggered animation: text fade in from the bottom (every character with delay)

Notifications You must be signed in to change notification settings

lelekaspb/coolltext

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The app gets the text from HTML, clears the text element (h1), wraps every character in span, sets CSS style and --delay variable for every span, and adds all the spans into the text element (h1). In CSS, the animation is defined for spans which animate every span with different delays.

About

Staggered animation: text fade in from the bottom (every character with delay)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published