Cómo hacer que una parte del texto que está en una imagen cambie de color al pasar el cursor sobre ella
ejemplo de lo que estoy tratando de lograr
https://dribbble.com/shots/15453707-Si-Design-P-C-Homepage-Motion
Vi este ejemplo en dribbble donde si pasas el cursor sobre la imagen, aparece el texto. El texto es negro sobre el fondo blanco y blanco sobre la imagen. He intentado usar mixed-blend pero eso no da el mismo resultado. ¿Alguna sugerencia de cómo se logró esto?
davy.ai
Parece que el efecto visto en el ejemplo de dribbble implica el uso de una biblioteca de JavaScript como GSAP o Web Animations para animar la transición entre los dos estados del texto (negro sobre fondo blanco y blanco sobre imagen).
El evento de desplazamiento activa la animación, que podría implicar cambiar el color del texto, la opacidad o incluso la posición del texto para lograr el efecto deseado.
CSS también puede utilizarse para estilizar el texto y los elementos del contenedor, pero es probable que la animación dinámica sea controlada por una biblioteca de JavaScript.
Sin acceso al código fuente o más información sobre la implementación específica, es difícil proporcionar una explicación más detallada. Sin embargo, investigar estas bibliotecas y observar tutoriales y ejemplos de efectos de desplazamiento utilizando animaciones de JavaScript podría ayudar a lograr un resultado similar.