Thinking on ways to solve 3D sci-fi text

In today's GUI Challenge, @AdamArgyleInk puts a #CSS spin on a classic sci-fi movie 3D text effect by making it interactive to scroll. Powered by CSS scroll linked animations as specified by the latest Scroll Animations 1 spec, watch as he scrolls some text and makes it vanish into the edges of the galaxy, or um, the viewport.

0:00 - Introduction
0:29 - Intro
1:00 - Story time
2:20 - Scroll Driven Animation
3:21 - HTML
4:00 - CSS
8:58 - Debugging
10:52 - Outro

Try a demo →
Get the source →
Check the spec →

Watch more GUI Challenges →
Subscribe to Google Chrome Developers →

#GUIchallenges #CSS #ChromeDeveloper

Back to all episodes

By Chrome DevRel