#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;}
}
/*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;
}
Code Example |
---|
Css :: how to put something on layers css |
Css :: cypress element css |
Css :: min css |
Css :: form validation with css |
Css :: DOM element add multiple attributes |
Css :: how to add color to a image css |
Css :: css round image without stretching |
Css :: wave css |
Css :: how to remove default padding of div |
Css :: simple font-face mixin scss |
Css :: text shadow css |
Css :: .col-12 bootstrap |
Css :: responsive flexbox |
Css :: css infinite horizontal scroll |
Css :: cs cirlce |
Css :: code runner not taking input |
Css :: css print |
Css :: portfolio website html css |
Css :: trash icon in fontawesome |
Css :: css vertical align with flexbox |
Css :: css border radius first element and last element |
Css :: Simple example of using bootstrap |
Css :: how to saturate colors in css |
Css :: animation background css |
Css :: modern css fonts |
Css :: bootstrap-scss github |
Css :: css button |
Css :: test typescript |
Css :: Script for free code camp test |
Css :: can a div change an item in another div css |