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

8 votes223 views5 answers
Css triangle
CSS
3 votes274 views2 answers
Scss watch command
CSS
0 vote255 views1 answer
Center text html css position fixed
CSS
0 vote330 views1 answer
Linux remove latst 3 files
CSS
1 vote276 views1 answer
How to wrap the data in table material UI
CSS
0 vote278 views1 answer
Mouse hover text zoom effect
CSS
2 votes248 views1 answer
Css how to add double shadow to text
CSS
2 votes265 views2 answers
Display flex align last item to left
CSS
0 vote279 views2 answers
Background image syntax in css if it is in folder
CSS
4 votes277 views2 answers
Can we use material ui and tailwind css together
CSS