En el desafío de la GUI de hoy, @AdamArgyleInk le da un giro #CSS a un efecto de texto en 3D de una película clásica de ciencia ficción al hacer que sea interactivo para desplazarse. Con la tecnología de las animaciones con desplazamiento de CSS vinculadas, según lo especificado en la última especificación de Scroll Animations 1, podrás ver cómo se desplaza un poco de texto y lo hace desaparecer en los bordes de la galaxia, o em, el viewport.
Capítulos:
- 0:00 - Introducción
- 0:29 - Introducción
- 1:00: Hora de los cuentos
- 2:20: Animación basada en desplazamientos
- 3:21: HTML
- 4:00: CSS
- 8:58 - Depuración
- 10:52 - Final
Resources:
- Prueba una demostración → https://goo.gle/410acMc
- Obtén el código fuente → https://goo.gle/408Nkc1
- Consulta las especificaciones → https://goo.gle/3pvWX49
Mira más desafíos de GUI → https://goo.gle/GUIchallenges
Suscríbete a Google Chrome Developers → https://goo.gle/ChromeDevs