Faire tourner une image à l'intérieur d'un bloc.

a marqué ce sujet comme résolu.

Bonjour à tous,

Je n’arrive pas à faire tourner une image (roue.png) à l’intérieur d’un bloc :B

Le tout tourne alors que je désirerais le bloc "fixe", uniquement l’intérieur qui tourne.

Je ne dois pas être loin mais… :B

Je vous laisse le code complet. Merci pour votre aide :) 

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document sans nom</title>
<style>
.imgtourne {
margin-left: 0px;
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#imgtourne {
height: 800px;
width:300px;
margin-top: 200px;
margin-left: 200px;
background-color: red;}
</style>
</head>

<body>
<div id="imgtourne" class="imgtourne">      <img src="./images/roue.png"</div>

</body>
</html>
+0 -0

QUEL IDIOT :B

Par contre, si je désire mettre une image devant (devant le bloc et son intérieur qui tourne), je suis obligé de mettre le bloc en absolute, plus une div en position relative devant (le tout dans la même div). C’est bien ça ?

Ça rejoint ma question précédente :)

Encore merci viki53 :magicien:

+0 -0
Connectez-vous pour pouvoir poster un message.
Connexion

Pas encore membre ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte