I'm using -webkit-mask-image with a sprite that contains a frame for each partial path of the text. The text, "Write-on!" is in an h1 element but the mask applied to its parent element starts out at 100% transparent so nothing is shown below it. A CSS animation is applied to the containing element. Each step of the animation changes the -webkit-mask-image-position to advance to the next frame. The animation step percentages are placed close enough together that the interpolation between one frame and the next is not seen.
-
Notifications
You must be signed in to change notification settings - Fork 7
CSS Write-on text effect
tylergaw/css-write-on
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
CSS Write-on text effect
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published