bonsoir

j'ai un petit soucis,

je cherche une commande qui agit sur un objet quand on clique dessus,

active ou target ne ressoudent pas mon problème car si on clique sur l'objet, il fait l'action attendu mais quand je relâche le clic l'objet redevient original

merci si vous avez la commande css pour que l'objet reste en position de me l'indiquer

-
Edité par Noshy44 19 février 2020 à 19:53:40

Salut;

Je pense que  c'est :focus que tu cherches

salut

j'ai un peu regardé ta commande sur des sites https://developer.mozilla.org/fr/docs/Web/CSS/:focus

c'est bien ca que je veux

il reste encore un probleme c'est que mon code ne marche pas

body{
    background-color: #FFFFE0;
}

.nectarine:focus {
    animation: animaRotate 2s infinite linear;	
}
.nectarine{
    margin-top: 200px;
    margin-left: 600px;}


@keyframes animaRotate{
	from{
    transform: rotate(0);
  }
	to{
    transform: rotate(360deg);
  }
}



div{
	display: inline-block;
}

quel est le probleme ? 

merci

-
Edité par Noshy44 20 février 2020 à 16:36:04

Hm... Comme ça ça devrait marcher, c'est quoi nectarine ? un bouton, une div ? essaye peut être de lui attribuer un tabindex pour qu'il prenne le focus

nectarine c'est un div qui agit sur une image 

   <div class="nectarine"> <img src="http://localhost/3333/pos/game/nectarine.jpg"></div>

Yes, alors c'est bien ça les divs ne prennent le focus que si elles ont un tabindex (à rajouter dans le html)

Et je dois mettre quelle valeur dans tabinex? 

je ne connais pas trop