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

-3 votes339 views1 answer
How do i make a div full width with css
CSS
3 votes351 views1 answer
Html table td spacing
CSS
2 votes371 views2 answers
Css display none transition
CSS
2 votes328 views1 answer
Space between li css
CSS
1 vote324 views2 answers
Apple font css
CSS
0 vote313 views1 answer
Overflow-wrap: anywhere
CSS
0 vote316 views1 answer
$scope.$apply
CSS
0 vote311 views1 answer
Css add required asterisk after
CSS
0 vote331 views1 answer
Elementsone after other css
CSS
92 votes307 views5 answers
Bootstrap primary color code
CSS