Hover qui reste actif

bonjour je voudrais savoir si après le passage de la souris sur une image on peut faire en sorte que l'option hover choisi reste tous le temp activé.

dans mon cas j'ai mit une image avec un filtre dessus et lorsque la souris va dessus le filtre s'enlevé et je voudrais que cela reste enlevé.

merci d'avance.

Salut,

Il va falloir passer par un peu de Javascript

saurais tu le faire car je ne suis pas doué en javascript

Et tu n'as pas envie de t'y mettre ? C'est pas très très compliqué et ça te servira par la suite...

Sur quels éléments tu veux faire cet effet ?

Sinon en CSS, tu peut faire une transition très longue .... mais si il s'agit de la garder en rechargeant la page ou à la prochaine visite, javascript et cookies ou localstorage te seront utilent.

exemple en transition https://codepen.io/gc-nomade/pen/Gzwprq

img {
  filter: grayscale(100%);
  transition:10000s;
}
img:hover {
  filter: grayscale(0%);
  transition:0s;
}