28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'essai de faire une transition d'une div divisé sur 3 dl et afficher la 1ere dl au début, é quand je clique sur un lien, j'affiche la 2eme et ainsin de suite !
le problème que ça marche bien sur firefox pour le moment mais pas sur chrome !! et je ne sais pas pourquoi !

et voilà le code !

#milieu #content_1:target #content{margin-left:0px;-webkit-transition: margin-left 0.4s ease 0.3s; -moz-transition:margin-left 0.4s ease 0.3s;-o-transition:margin-left 0.4s ease 0.3s;-ms-transition:margin-left 0.4s ease 0.3s;}
#milieu #content_2:target #content{margin-left:-960px;-webkit-transition: margin-left 0.4s ease 0.3s;-moz-transition:margin-left 0.4s ease 0.3s;-o-transition:margin-left 0.4s ease 0.3s;-ms-transition:margin-left 0.4s ease 0.3s;}
#milieu #content_3:target #content{margin-left:-1920px;-webkit-transition: margin-left 0.4s ease 0.3s;-moz-transition:margin-left 0.4s ease 0.3s;-o-transition:margin-left 0.4s ease 0.3s;-ms-transition:margin-left 0.4s ease 0.3s;}



sur google chrome la transition marche pas, c'est toujours la 1ere dl qui est affiché !

j'ai fais quelques modifications après avec les animations de keyframes !
et voilà le code


#milieu #content_1:target #content{margin-left:0px;-webkit-animation:content1 1s linear;}
#milieu #content_2:target #content{margin-left:-960px;-webkit-animation:content2 1s linear;}
#milieu #content_3:target #content{margin-left:-1920px;-webkit-animation:content3 1s linear;}

@-webkit-keyframes content1 {
	from {
		-webkit-transform:translate( -960px);
	}
	to {
		-webkit-transform:translate( 0px);
	}
}

@-webkit-keyframes content2 {
	from {
		-webkit-transform:translate( 0px);
	}
	to {
		-webkit-transform:translate( -960px);
	}
}



@-webkit-keyframes content3 {
	from {
		-webkit-transform:translate( -960px);
	}
	to {
		-webkit-transform:translate( -1920px);
	}
}


Mais le problème c'est que le slide marche la 2eme dl je la voie venir mais opp c'est toujours la 1ere dl qui s'affiche, quand je clique sur le 3eme lien, je voie venir la 3eme dl et opp ! la 1ere qui s'affiche toujours, je ne sais pas quoi faire pour résoudre ce problème, et j'ai vraiment besoin de votre aide!
Merci a vous...