Faire bouger une balise div en css3

chrecks -
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

Afficher la suite

2 réponses

Réponse 1 / 2
RAD ZONE Messages postés 5362 Statut Contributeur 1 360

SALUT

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

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

a+
0
Réponse 2 / 2
prosthetiks Messages postés 1309 Statut Membre 431
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
1. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
  
  prosthetiks
  
  oui mais je ne pense pas qu il veuille n etre visible que sur safari et chrome !
  
  a+
  
  0
2. prosthetiks Messages postés 1309 Statut Membre 431
  
  Je cite: est-il possible de faire bouger une image en css3
  
  0
3. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
  
  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
4. bruno
  
  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

Faire bouger une balise div en css3

2 réponses

Discussions similaires

Newsletters