Css

salut, dans ta CSS tu met img donc tu appelle toutes tes images

il faut que tu utilise une de tes class

׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×

Oui mais comment car j'ai essayé de faire :
<img class="img-responsive img-circle img-left rot" src="img/intro-pic.jpg">

.rot {
-moz-transition-duration:2s;
-moz-transition-timing-function:linear;
-webkit-transition-duration:2s;
-webkit-transition-timing-function:linear;
transition-duration:2s;
transition-timing-function:linear;
}

.rot:hover {
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}

mais rien y fais...

j'ai répondu a quelqu'un sur un sujet semblable

https://forums.commentcamarche.net/forum/affich-29334144-image-rotative-via-bouton-html-css-java#p29340519

http://pour-ccm.zz.mu/ccm.html

׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×

Bonjour

Voici le code correct

css

.rotate img {
-moz-transition: all 2s linear;
-webkit-transition: all 2s linear;
-o-transition: all 2s linear;
-ms-transition: all 2s linear;
transition: all 2s linear;
-moz-transition-duration:2s;
}
.rotate img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

html

<div class="rotate">
<img src="img/intro-pic.jpg">
</div>

Ou

<a class="rotate">
<img src="img/intro-pic.jpg">
</a>

Un petit merci vaut mieux qu'une grande ignorance