Animate left to right css

Animation left to right css

#idor.class{	
  animation: example 4s infinite
}

@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:0px;}
  100% {background-color:red; left:0px; top:0px;}
}

Source: grepper.com

Css left-to-right animation.

/*Css float aniimation, left to right.*/
@keyframes left_to_right{
	from{
    	margin-left: 0vw;
    }
	to{
    	margin-left:100vw;
    }
}

img{
	animation: left_to_right 2s linear infinite;
}

-1

Source: grepper.com

Similar codes

26 votes330 views2 answers
Onhover mouse pointer css
CSS
17 votes375 views1 answer
Yarn problem
CSS
20 votes323 views5 answers
Css coor background
CSS
16 votes342 views4 answers
Arrow down css
CSS
1 vote347 views1 answer
Css retirer les puces
CSS
1 vote353 views3 answers
Rainbow text css
CSS
59 votes358 views4 answers
Rgb blue color code
CSS
0 vote336 views1 answer
Rust get current date
CSS
0 vote331 views1 answer
Css convert td to tr
CSS
0 vote332 views1 answer
Rotate font css 90º
CSS