Hugging Face's logo

Spaces:
merve
/
git-101
No application file

App Files Community
git-101 / src /style /rainbows.css
mervenoyan's picture
mervenoyan
initial commit
45a32e2
Raw History Blame Contribute Delete
2.66 kB
/*
* CSS animated rainbow dividers of awesome
* by Chris Heilmann @codepo8 and Lea Verou @leaverou
**/
/**
* From CSS3-Rainbow-Dividers on Github :)
*/
@-moz-keyframes rainbowanim {
from { background-position:top left; }
to {background-position:top right; }
}
@-webkit-keyframes rainbowanim {
from { background-position:top left; }
to { background-position:top right; }
}
@-o-keyframes rainbowanim {
from { background-position:top left; }
to { background-position:top right; }
}
@-ms-keyframes rainbowanim {
from { background-position:top left; }
to { background-position:top right; }
}
@-khtml-keyframes rainbowanim {
from { background-position:top left; }
to { background-position:top right; }
}
@keyframes rainbowanim {
from { background-position:top left; }
to { background-position:top right; }
}
.catchadream{
background-image:-webkit-linear-gradient( left, red, orange, yellow, green,
blue, indigo, violet, indigo, blue,
green, yellow, orange, red );
background-image:-moz-linear-gradient( left, red, orange, yellow, green,
blue,indigo, violet, indigo, blue,
green, yellow, orange,red );
background-image:-o-linear-gradient( left, red, orange, yellow, green,
blue,indigo, violet, indigo, blue,
green, yellow, orange,red );
background-image:-ms-linear-gradient( left, red, orange, yellow, green,
blue,indigo, violet, indigo, blue,
green, yellow, orange,red );
background-image:-khtml-linear-gradient( left, red, orange, yellow, green,
blue,indigo, violet, indigo, blue,
green, yellow, orange,red );
background-image:linear-gradient( left, red, orange, yellow, green,
blue,indigo, violet, indigo, blue,
green, yellow, orange,red );
-moz-animation:rainbowanim 3.5s forwards linear infinite;
-webkit-animation:rainbowanim 2.5s forwards linear infinite;
-o-animation:rainbowanim 2.5s forwards linear infinite;
-khtml-animation:rainbowanim 2.5s forwards linear infinite;
-ms-animation:rainbowanim 2.5s forwards linear infinite;
-lynx-animation:rainbowanim 2.5s forwards linear infinite;
animation:rainbowanim 2.5s forwards linear infinite;
background-size:50% auto;
height: 20px;
padding: 12px;
}