Nice CSS scroller, eh?
Finally, CSS gives us mask-image
, which allows us to apply transparency to text.
Previously, there was no way to fade the text and have stars in the background at the same time without cheating.
As of 2023, Chrome and Edge need the -webkit prefix.
Making this look like the original scroller from the movie is really tricky.
transform:perspective()
and related CSS rules behave in surprising ways.
The more I rotate the text, the longer it takes for the first line to appear, and I have no clue why.
Sometimes, there's a glitch at top pixel of the fade out area, which is probably not my fault.
RTFM- Yoda
I've been working on this scroller for years, gradually improving it.
One day, I shall make it perfect and true to the original in the movie.