20 « juin « 2014 « Le Blog de Webinnov

S'identifier

Contact

Transformations CSS3 : Animation : translate

administrateur

Le 20 juin 2014 à 22 h 23 min

Animation:translate

Code Css pour le 1ère avion

.avion1{
	position:absolute;
	width:164px;
	height:164px;
	margin-left:-400px;
	margin-top:-110px;
	top:75px;
	bottom:0px;
	left:1550px;
	z-index:4;
	-moz-animation:translate 5s linear infinite;
	-webkit-animation:translate 5s linear infinite;
	background-image: url('/avion_1.png');
	background-repeat: no-repeat;
 }

.avion1{

position:absolute;

width:164px;

height:164px;

margin-left:-400px;

margin-top:-110px;

top:75px;

bottom:0px;

left:1550px;

z-index:4;

-moz-animation:translate 5s linear infinite;

-webkit-animation:translate 5s linear infinite;

background-image: url('/avion_1.png');

background-repeat: no-repeat;

}

Code Css pour le 2ème avion

.avion2{
	position:absolute;
	width:256px;
	height:256px;
	margin-left:-400px;
	margin-top:-100px;
	top:124px;
	bottom:0px;
	left:1100px;
	z-index:5;
	-moz-animation:translate 5s linear infinite;
	-webkit-animation:translate 5s linear infinite;
	background-image: url('/avion_2.png');
 }