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 vote225 views1 answer
Code-runner.executormap kotlin
CSS
1 vote199 views1 answer
Padding clamp
CSS
0 vote202 views1 answer
Changing bakcgound color like animation using tailwind
CSS
1 vote203 views1 answer
Background-color not showing grover pdf
CSS
0 vote200 views1 answer
Html css limit page to a4
CSS
0 vote248 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
14 votes197 views3 answers
Css multiple classes same rule
CSS
0 vote199 views1 answer
Difference between private key and private key ssh
CSS
2 votes199 views1 answer
Css disable dropdown on input
CSS
0 vote207 views3 answers
Style highlight css
CSS