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 vote329 views2 answers
How to make an image not blurry when stretched css
CSS
0 vote314 views1 answer
Htacess mono-site
CSS
0 vote268 views1 answer
Module not found: Can't resolve './musicas/Bruno Mars JustTheWayYouAre.mp3' in 'C:\UkVibes\react_juary\client\src\components\genders'
CSS
0 vote327 views2 answers
Print to pdf setting css for A4 size
CSS
0 vote304 views1 answer
Css for vertical height
CSS
0 vote316 views2 answers
Webkit-line-clamp: 2;
CSS
0 vote340 views1 answer
Set border only left and right css
CSS
2 votes306 views1 answer
How to make html element not selectable
CSS
9 votes320 views3 answers
Grid repeat css
CSS
0 vote334 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS