agregar movimiento ...
 
Avisos
Vaciar todo

[Resuelto] agregar movimiento al pasar el mouse

6 Respuestas
2 Usuarios
0 Reactions
20 Visitas
Respuestas: 1669
Noble Member
Topic starter
 

hola como puedo hacer por codigo para cuando selecciono un producto con el mouse tenga movimiento como aqui

https://brickelltools.com/productos/

 

y el color cambiarlo por #e3ac36

Contenido solo visible a usuarios registrados


 
Respondido : 01/07/2022 11:15 am
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Fabiana, 

Prueba si el siguiente código CSS:

.j2store-products-row .j2store-single-product:hover {
transform: scale(1.1);
transition: 1s;
}

Sobre el cambio del color donde deseas mostrarlo?, si es posible indícanos donde deseas que se vean al pasar el puntero sobre el producto de esta forma podemos revisarlo con mayor detalle. 

Un Saludo 


 
Respondido : 01/07/2022 11:25 am
Respuestas: 1669
Noble Member
Topic starter
 

sobre el producto seria genail


 
Respondido : 01/07/2022 11:49 am
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Fabiana, 

No veo una opción de colocarlo sobre el producto, la única opción que veo es la siguiente:

image

Para ello tendrías que añadir el color en el código anterior, por ejemplo

.j2store-products-row .j2store-single-product:hover {
transform: scale(1.1);
transition: 1s;
background: #e3ac36;
}

De igual si deseas ver que otros estilos se pueden aplicar a los elementos puedes echarle un vistazo al curso de CSS gratuito que tenemos disponible -> https://www.webempresa.com/university/curso-css-wordpress/

Un Saludo 


 
Respondido : 01/07/2022 12:07 pm
Respuestas: 1669
Noble Member
Topic starter
 

genial gracias


 
Respondido : 01/07/2022 12:26 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Fabiana, 

Gracias a ti, es un placer poder ayudarte

Escríbenos si tienes cualquier otra consulta

Un Saludo 😊 


 
Respondido : 01/07/2022 12:38 pm