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

-2 votes110 views1 answer
How to add pseudo class in html
CSS
0 vote184 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS Skeleton
21 votes96 views2 answers
Remove color and underline from link css
CSS
0 vote105 views1 answer
Border-bottom smaller div
CSS
1 vote114 views1 answer
Html list over three columns
CSS
0 vote107 views1 answer
How to use css in material ui
CSS
22 votes109 views3 answers
Css disable text select
CSS
1 vote107 views1 answer
Change the color of an hr
CSS
0 vote153 views1 answer
Bootstrap accordion some change
CSS Bootstrap
0 vote141 views1 answer
Width clamp css
CSS