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 vote273 views1 answer
On clicking a link it gets red color
CSS
8 votes280 views2 answers
Css change image width
CSS
3 votes272 views4 answers
Remove outline on button click
CSS
0 vote275 views1 answer
Elemento SPAN
CSS
14 votes292 views4 answers
Text align left bootstrap
CSS
12 votes274 views4 answers
On hover display another div css
CSS
4 votes256 views1 answer
Css first h element
CSS
-1 vote270 views1 answer
Css backdrop filter grayscale
CSS
0 vote311 views1 answer
Taille texte css
CSS
5 votes277 views2 answers
Css make input unselectable
CSS