Estoy trabajando en un proyecto con VueJS add vutify. He creado el componente v-card vutify. En v-card tengo v-img, v-card-action en el que he configurado el texto y el botón para separar cada lado. Estoy compartiendo mi enlace en código pene lo que he hecho hasta ahora solo como ejemplo.
[ingrese la descripción del enlace aquí][1]
Quiero lograr el efecto cuando hago clic en la imagen flotante para cambiar el color y la flecha en el botón para que sea transparente. ¿Alguna idea?
Exactamente como el enlace que estoy compartiendo a continuación.
[ingrese aquí la descripción del enlace][2] [1]: https://codepen.io/venallanaj/pen/PoEbKYx
El enlace que proporcionaste no funciona. Proporcione un ejemplo válido. Además, por favor aclare su pregunta. ¿Qué elemento/s quieres cambiar de color? ¿Desea que los elementos cambien de color cuando se pasa el mouse sobre el elemento?
Para cambiar el color de un elemento cuando pasa el cursor sobre el elemento, puede tomar el elemento en CSS y luego agregar el ::selector flotante para producir los resultados.
Por ejemplo, lo siguiente cambiaría el comportamiento del elemento de entrada cuando se pasa el mouse sobre él.
`input { border-radius: 2px; border: 1px solid lightgray; color: rgb(100, 100, 100); background-color: transparent; height: 28px; line-height: 0; transition: 0.5s; } input:hover{ border: 1px solid black; color: black; cursor: pointer; transition: 0.5s; }`