image agrandie au passage de la souris

tonnerria
Auteur du sujet
Hors Ligne
Membre junior
«Sois reconnaissant envers les gens qui te rendent heureux. Ils sont les jardiniers qui font fleurir

Plus d'informations

il y a 12 ans 6 mois #1 par tonnerria

image agrandie au passage de la souris a été créé par tonnerria

joomla 2.5
virtuemart2
template jubilee

bonjour,
je souhaite que mes images des catégories produits s'agrandissent au passage de la souris
comment faire? quoi télécharger?
Bien cordialement

Nath

lingerie-rebelle.com
equitation-cheval.com

Connexion ou Créer un compte pour participer à la conversation.

serge
Hors Ligne
Modérateur

Plus d'informations

il y a 12 ans 6 mois #2 par serge

Réponse de serge sur le sujet image agrandie au passage de la souris

cela devrait pouvoir se faire grace aux css3 : as tu un lien exemple ?

Une aide ? Une prestation pro ? : Créateur de sites e-commerce et migration virtuemart.

Connexion ou Créer un compte pour participer à la conversation.

tonnerria
Auteur du sujet
Hors Ligne
Membre junior
«Sois reconnaissant envers les gens qui te rendent heureux. Ils sont les jardiniers qui font fleurir

Plus d'informations

il y a 12 ans 6 mois #3 par tonnerria

Réponse de tonnerria sur le sujet image agrandie au passage de la souris

Bonjour,
et bien oui je peux donner un lien, (mais le site est long à télécharger, j'y travaille..)

www.lingerie-rebelle.com/boutique/270/ma.../maquillages-parfums

et j'aimerai que les images s'agrandissent au passage de la souris,

CDT,
Nath

lingerie-rebelle.com
equitation-cheval.com

Connexion ou Créer un compte pour participer à la conversation.

serge
Hors Ligne
Modérateur

Plus d'informations

il y a 12 ans 6 mois #4 par serge

Réponse de serge sur le sujet image agrandie au passage de la souris

je ferai ainsi :

.browseProductImage {
  -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
}
.browseProductImage:hover {
 -moz-transform: scale(2);
   -webkit-transform: scale(2);
   -o-transform: scale(2);
   transform: scale(2);
   -ms-transform: scale(2);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=2, M12=-0, M21=0, M22=2);
}

tu modifie le scale à ta convenance

Une aide ? Une prestation pro ? : Créateur de sites e-commerce et migration virtuemart.

Connexion ou Créer un compte pour participer à la conversation.

tonnerria
Auteur du sujet
Hors Ligne
Membre junior
«Sois reconnaissant envers les gens qui te rendent heureux. Ils sont les jardiniers qui font fleurir