Nella GUI Challenge di oggi, @AdamArgyleInk aggiunge un tocco #CSS a un classico effetto testo 3D di un film di fantascienza rendendolo interattivo allo scorrimento. Grazie alle animazioni CSS collegate a scorrimento come specificato nelle ultime specifiche di Scroll Animations 1, guarda come scorre del testo e lo fa svanire nei bordi della galassia, o ehm, dell'area visibile.
Capitoli:
- 0:00 - Introduzione
- 0:29 - Introduzione
- 1:00 - È il momento della storia
- 2:20 - Animazione basata su scorrimento
- 3:21 - HTML
- 4:00 - CSS
- 8:58 - Debug
- 10:52 - Conclusione
Risorse:
- Prova una demo → https://goo.gle/410acMc
- Scarica il codice sorgente → https://goo.gle/408Nkc1
- Controlla le specifiche → https://goo.gle/3pvWX49
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs