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

1 vote147 views1 answer
Michigan score
CSS
1 vote169 views1 answer
Grid rows css
CSS
0 vote153 views1 answer
Nuxt add css file
CSS
1 vote155 views2 answers
Buttonfarbe transparent machen css
CSS
1 vote183 views1 answer
On hover chang only border color of a button css
CSS
22 votes184 views4 answers
Css center in grid
CSS
1 vote143 views1 answer
Css vw scrollbar
CSS
0 vote160 views2 answers
The package could not be installed. the theme is missing the style.css stylesheet
CSS
27 votes149 views6 answers
Animation properties css
CSS
0 vote164 views1 answer
Bold in label html
CSS