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 vote122 views1 answer
Background color in hex css
CSS
0 vote126 views1 answer
White border css
CSS
0 vote158 views1 answer
Css how to remove underline from visited sites
CSS
4 votes279 views1 answer
Css add dots if text too long
CSS
0 vote148 views1 answer
Bootstrap put button on one line
CSS
3 votes130 views1 answer
Css scrollbar position to bottom
CSS
0 vote142 views1 answer
Before css font awesome
CSS
0 vote156 views1 answer
Label width css
CSS
0 vote145 views1 answer
Position an icon in relation a parent element
CSS
12 votes148 views6 answers
Responsive text
CSS