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

9 votes122 views2 answers
Textview center text
CSS
42 votes122 views5 answers
Css cut off text
CSS
1 vote143 views1 answer
Text-shadow
CSS
0 vote135 views2 answers
Webkit-line-clamp: 2;
CSS
0 vote141 views1 answer
Remove glow textarea css
CSS
6 votes137 views2 answers
How to make all the columns equal size with flexbox
CSS
0 vote149 views1 answer
Button style link
CSS
0 vote124 views2 answers
Background Video.module.css'
CSS
0 vote137 views3 answers
Static backdrop
CSS
0 vote143 views2 answers
How to convert directory SASS/SCSS to CSS via command line?
CSS