Faire bouger une balise div en css3

Fermé
chrecks - 20 déc. 2011 à 23:36
 bruno - 22 juil. 2012 à 13:17
Bonjour, est-il possible de faire bouger une image en css3 sans utiliser hover comme déclencheur faire une rotation 3d autour d 'un axe Y en continue au démarrage de la page



A voir également:

2 réponses

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
21 déc. 2011 à 00:02
SALUT

non il faut mettre du js essaye d adapter ca !
demo

a telecharger ici http://fredhq.com/projects/roundabout#/demos !

a+
0
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
21 déc. 2011 à 07:50
Salut,

Voici un exemple (uniquement webkit):

<html>
<head>
<style type="text/css">
	#demo{
		width:404px;
		height:397px;
		position:absolute;
		top:100px;
		left:100px;
		background:url('http://www.innerauto.com/includes/images/Inner_Auto/Ford_Parts/new_Ford_images_by_carlo/wheel1.jpg');
		-webkit-animation-name: rotate;
		-webkit-animation-duration: 10s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
	}
	@-webkit-keyframes rotate {
  		from {
  		  -webkit-transform: rotate(0deg);
 		 }
 		 to { 
 		   -webkit-transform: rotate(360deg);
 		 }
	}

</style>
</head>
<body>
	<div id="demo">
		&nbsp;	
	</div>
</body>
</html>
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
21 déc. 2011 à 10:44
prosthetiks

oui mais je ne pense pas qu il veuille n etre visible que sur safari et chrome !

a+
0
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
21 déc. 2011 à 10:48
Je cite: est-il possible de faire bouger une image en css3
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
21 déc. 2011 à 10:59
ok moi je te comprend , mais la majorite des demandeurs sont des debutants !

si tu ne précise pas que c est assez specifique ( et uniquement webkit pour un debutant c est du chinois ) , ils risquent de galerer des heures a essayer de le faire fonctionne ;-))))

a+
0
Bonjour,

un grand merci à Prosthetiks dont le code m'a permis de réalisation l'animation que je souhaitais. Adapté à mes besoins, il fonction à présent aussi sous opera, ms etc...


Merci beaucoup ;)
0