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 vote217 views1 answer
Css grid auto row
CSS
0 vote213 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
68 votes288 views6 answers
Flex
CSS
0 vote221 views1 answer
Remove Title spacing
CSS
1 vote223 views1 answer
Alert without page refresh
CSS
0 vote227 views2 answers
Superscript css
CSS
2 votes264 views1 answer
Css center in td
CSS
1 vote229 views2 answers
How to specify css for smaller screen
CSS
0 vote210 views1 answer
Css detect if input has value
CSS
17 votes234 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
CSS