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 vote335 views1 answer
ProgressBars bulma -- thickness
CSS Bulma
0 vote305 views1 answer
Css outline shorthand
CSS
29 votes285 views9 answers
Traduttore
CSS
0 vote372 views1 answer
Removing input border shadow
CSS
2 votes292 views2 answers
Css change image color
CSS
24 votes283 views3 answers
Css change multiple classes
CSS
40 votes319 views6 answers
'pip' is not recognized as an internal or external command
CSS
8 votes307 views4 answers
Css image align left
CSS
1 vote288 views3 answers
Css profile picture round
CSS
1 vote279 views1 answer
Stop css transition from firing on page load
CSS