Im Rahmen der heutigen GUI Challenge fügt @AdamArgyleInk einem klassischen 3D-Texteffekt eines Science-Fiction-Films eine #CSS-Version hinzu, indem er interaktiv zu scrollen macht. Powered by CSS: Scroll-Animationen, die in der neuesten Spezifikation von Scroll Animations 1 angegeben sind, können Sie beobachten, wie er durch einen Text scrollt und diesen am Rand der Galaxie, also des Darstellungsbereichs, verschwindet.
Kapitel:
- 0:00 – Einführung
- 0:29 – Einführung
- 1:00 – Geschichten erzählen
- 2:20 – Scroll-gesteuerte Animation
- 3:21 – HTML
- 4:00 – CSS
- 8:58 – Fehlerbehebung
- 10:52 – Outro
Ressourcen:
- Demo ansehen → https://goo.gle/410acMc
- Rufen Sie die Quelle ab → https://goo.gle/408Nkc1.
- Überprüfe die Spezifikationen → https://goo.gle/3pvWX49
Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges
Abonniere Google Chrome-Entwickler → https://goo.gle/ChromeDevs