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

0 vote249 views1 answer
Change mouse pointer on image hover
CSS
0 vote237 views1 answer
How input field bottom shadow in css
CSS
5 votes244 views3 answers
Change color of bullet points css
CSS
-1 vote243 views1 answer
Most essential css elements
CSS
0 vote246 views1 answer
Operating system font-family css
CSS
20 votes227 views6 answers
Fonts for css
CSS
0 vote274 views1 answer
Music-metadata-browser Buffer is not defined
CSS
0 vote315 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
0 vote248 views2 answers
Materialize css
CSS
35 votes222 views2 answers
How to blur background color in css
CSS