Effet orbite : comment faire ?

Fermé
Utilisateur anonyme - Modifié par Pocoyo glacée le 21/03/2015 à 10:49
Hamoudeeh Messages postés 16 Date d'inscription jeudi 23 janvier 2014 Statut Membre Dernière intervention 19 juillet 2015 - 23 mars 2015 à 14:44
Bonjour,
J'essaye depuis plusieurs jours de réaliser un simple "orbite", c'est-à-dire, avoir une image png qui bouge sur un cercle dont le centre serait un point sur une image en fond de google maps. Je n'y arrive pas. Je me suis aidée avec plusieurs sites comme : http://www.deloriand.com/tuto-realiser-un-systeme-solaire-en-css Je n'arrive même pas à faire la première étape :
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
<script type="text/css">
<div>
#soleil
{
width: 100px;
height: 100px;
border-radius: 50%;
</script>
</html>
cela m'ouvre une page blanche. Aidez moi svp. Merci d'avance.

1 réponse

Hamoudeeh Messages postés 16 Date d'inscription jeudi 23 janvier 2014 Statut Membre Dernière intervention 19 juillet 2015
23 mars 2015 à 14:44
#IDorbit{
-webkit-animation: spin-right (nombre de seconde)s linear infinite;
}

@-webkit-keyframes spin-right {
100% {
-webkit-transform: rotate(360deg);
}
}
0