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 vote163 views1 answer
Meta refresh only once
CSS
0 vote184 views1 answer
Closing modal on iframe movies still running
CSS
23 votes180 views4 answers
Css gradient border
CSS
2 votes160 views1 answer
XAMPP: Another web server daemon is already running
CSS
0 vote182 views1 answer
Showing danger message in red in terminal bash
CSS
0 vote168 views1 answer
In flex-wrap remove last item margin for every row
CSS
0 vote179 views1 answer
Line-break
CSS
10 votes163 views1 answer
Install code command on mac
CSS
37 votes207 views1 answer
Placeholder font size
CSS
0 vote192 views1 answer
See css from site
CSS