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

5 votes372 views1 answer
Force to load https
CSS
3 votes362 views3 answers
Remove on click border
CSS
0 vote360 views1 answer
/* */
CSS
1 vote388 views2 answers
Brightness css
CSS
109 votes356 views6 answers
Center css
CSS
95 votes408 views6 answers
Drop shadow css
CSS
12 votes413 views2 answers
How to center element in bulma
CSS Bulma
0 vote358 views1 answer
Css animation cheat sheet
CSS
0 vote364 views1 answer
How to give text two colors in css
CSS
3 votes375 views3 answers
Css overflow elipsis
CSS