Css
Résolu
jordxn
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
J'aimerais appliqué un style a une seule image de mon site mais j'y arrive pas :
<img class="img-responsive img-circle img-left" src="img/intro-pic.jpg">
img {
-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;
}
img:hover {
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
j'ai essayé avec un id mais je n'y parvient pas...
merci
J'aimerais appliqué un style a une seule image de mon site mais j'y arrive pas :
<img class="img-responsive img-circle img-left" src="img/intro-pic.jpg">
img {
-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;
}
img:hover {
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
j'ai essayé avec un id mais je n'y parvient pas...
merci
A voir également:
- Css
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
4 réponses
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|[׺°"~'"°º×
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...
<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|[׺°"~'"°º×
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
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
