Pour créer un effet de mise à l’échelle sur le survol en CSS, vous pouvez utiliser la propriété `transform: scale()`. Cela permettra à l’élément de changer de taille lorsque le curseur passe dessus :
Voici comment vous pouvez le faire :
```
.element {
/* Spécifiez la taille initiale*/
transform: scale(1);
/* Animation douce */
transition: transform .2s;
}
.element:hover {
/* Indiquez la nouvelle taille à l’hover */
transform: scale(1.5);
}
```
Dans cet exemple, `.element` est le sélecteur de l’élément que vous voulez animer. Remplacez-le par le sélecteur approprié pour votre cas d’utilisation.
L’effet de mise à l’échelle sera appliqué lorsque vous passez votre souris sur l’élément. L’animation se déroulera en douceur sur une durée de 0.2 secondes grâce à la propriété `transition`.
`transform: scale(1)` défini la taille initiale à l’état normal de l’élément.
`transform: scale(1.5)` défini la nouvelle taille de l’élément lorsque vous passez la souris dessus. Ici, l’élément s’agrandit de 50% par rapport à sa taille initiale. Vous pouvez modifier ce nombre en fonction de vos besoins.
