Pensar en formas de resolver texto de ciencia ficción en 3D
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
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:
Mira más desafíos de GUI → https://goo.gle/GUIchallenges
Suscríbete a Google Chrome Developers → https://goo.gle/ChromeDevs
arrow_back Volver a todos los episodios
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2023-04-12 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2023-04-12 (UTC)"],[],[]]