¿Cómo cambio la opacidad en un elemento mientras hago scroll? Lo quiero aplicar en mi header justo en el icono de regresar para que no se...

Pregunta de la clase:
Animaciones avanzadas
Ares Alberto Vázquez Bravo

Ares Alberto Vázquez Bravo

Pregunta
studenthace 5 años

¿Cómo cambio la opacidad en un elemento mientras hago scroll? Lo quiero aplicar en mi header justo en el icono de regresar para que no se pierda con los demás elementos, esto lo pueden ver en Netflix

2 respuestas
para escribir tu comentario
    Enrique López

    Enrique López

    studenthace 5 años

    Por ahora, si no me equivoco, no hay un "trigger" de scroll para Auto-animate de algún elemento. Puedes hacer algún truco para simularlo, como poniendo un recuadro con el color de fondo de relleno y que quede fijo en su posición, para que cuando hagas scroll se ponga encima de lo que quieres ocultar. No sé si me doy a entender, pero te dejo un tutorial en el que además de explicar sobre los Anchor Links, el autor muestra ese truco que te menciono.

Curso de Adobe XD [Empieza Gratis]

Curso de Adobe XD [Empieza Gratis]

Aprende a usar Adobe XD para crear prototipos, diseños de interfaces y diagramas para web o móvil. Domina los paneles de diseño de Adobe XD para crear autoanimaciones, agregar estilos y elementos tipográficos. Optimiza tu trabajo aprovechando las funciones colaborativas de Adobe XD.

Curso de Adobe XD [Empieza Gratis]
Curso de Adobe XD [Empieza Gratis]

Curso de Adobe XD [Empieza Gratis]

Aprende a usar Adobe XD para crear prototipos, diseños de interfaces y diagramas para web o móvil. Domina los paneles de diseño de Adobe XD para crear autoanimaciones, agregar estilos y elementos tipográficos. Optimiza tu trabajo aprovechando las funciones colaborativas de Adobe XD.