[Résolu] Image Flou / nette lorsque l'on passe la souris dessus

Bonjour,

Comment faire pour rendre les images sur le site flou, et que lorsque que l'on passe la souris dessus, elle devient nette, on enlève, ça redevient flou,...
Modifié par Max17 (06 May 2019 - 21:00)

Bonsoir,

Tu peux te servir de la propriété filter avec une valeur de blur : https://developer.mozilla.org/fr/docs/Web/CSS/filter

Par exemple :

img {
  filter: blur(5px);
}
img:hover {
  filter: blur(0);
}

Bonne soirée
Modifié par Raphael (06 May 2019 - 21:31)

<div></div>

img {
  filter: blur(5px);
}
img:hover {
  filter: blur(0);
}

Merci ça fonctionne !