Dans le défi de l'IUG du jour, @AdamArgyleInk s'amuse de créer des effets physiques d'UI avec des propriétés CSS personnalisées, un frame d'animation demandé et du code JavaScript.
Chapitres:
- 0:00 – Introduction
- 0:30 – Contexte
- 1:32 – Espacement des lettres
- 2:35 - Taille de la police
- 3:00 - Échelle
- 3:28 – Dégradé
- 3:42 – Border Radius
- 3:53 – Largeur
- 4:08 – Rotation
- 5:26 – Rebond
- 6:28 – Pile aléatoire
- 7:05 – Simulation
- 10:48 – Coin de débogage
- 13:00 – HTML
- 13:17 – JavaScript
- 15:00 – Explication de la physique du printemps
- 18:28 – Explication des démonstrations
- 20:35 – Conclusion
Resources:
- Essayez une version de démonstration → https://goo.gle/3GcHD58
- Télécharger la source → https://goo.gle/3n4Sfcg
Regardez d'autres défis IUG → https://goo.gle/GUIchallenges
Abonnez-vous à la newsletter Google Chrome Developers → https://goo.gle/ChromeDevs