Salut a tous les zéros ! J'espère que cette question n'est pas déjà posée mais je tente tout de même ma chance
Je voudrais que sur mon site les image soit floutées et que lors du passage de la souris elle soit nettes...


Merci de me répondre au plus vite !!!
PS: Ne me demandez pas l'adresse du site je débute et je ne fais que des test...

je ne veux pas dire de betise, mais pour faire ça tu dois appliquer la pseudo classe :hover, mais ça ne fonctionne pas avec IE si ce n'est pas un lien.

essaye sur firefox pour voir

tu dois juste faire deux images , une nette et une que tu floute dans toshop ou autre.

Je ne crois pas que tu puisses modifier l'aspect de l'image directement avec du JS.

Mais si tu disposes de deux versions de chaque image (une nette, l'autre floutée), tu pourras alors utiliser le JS pour modifier l'URL de l'image au passage de la souris.

Pour un effet de "flou", c'est impossible sans faire deux images distinctes et en changeant l'image affichée lors du survol.
Par contre pour faire un effet similaire (image moins visible sans le survol), il y a quelques astuces à fouiller :
- Modification de l'opacité de l'image (opacité à 40%, puis 100% au survol)
- Possibilité en plus d'ajouter dessous un background (qui ne serait donc visible que lorsque l'opacité est réduite) avec des variations de couleurs (genre l'effet "nuage" sur photoshop) pour accentuer l'effet de flou
- Appliquer par-dessus un PNG avec une opacité variable (effet nuage et zones de l'image effacée partiellement)

!! merci a tous de vos reponse elles me permettront d'avancer a grand pas dans mon proget !!
Et quelle rapidité !!
Merci a toute la communauté des zéros !!