Aujourd'hui, lors du défi IUG, @AdamArgyleInk apporte une touche #CSS à l'effet texte 3D d'un film de science-fiction classique en le rendant interactif. Grâce à des animations CSS liées au défilement, conformément à la dernière spécification Scroll Animations 1, regardez ce qu'il fait défiler vers du texte et le fait disparaître dans les bords de la galaxie (ou, euh, la fenêtre d'affichage).
Chapitres:
- 0:00 – Introduction
- 0:29 – Introduction
- 1:00 – Racontez une histoire
- 2:20 – Animation basée sur le défilement
- 3:21 – HTML
- 4:00 – CSS
- 8:58 – Débogage
- 10:52 – Conclusion
Resources:
- Essayez une version de démonstration → https://goo.gle/410acMc
- Télécharger la source → https://goo.gle/408Nkc1
- Consultez les spécifications → https://goo.gle/3pvWX49.
Regardez d'autres défis IUG → https://goo.gle/GUIchallenges
Abonnez-vous à la newsletter Google Chrome Developers → https://goo.gle/ChromeDevs