kouto-swiss
Version:
A complete CSS framework for Stylus
97 lines (96 loc) • 1.1 kB
CSS
div.rainbow {
-webkit-animation: rainbow 3s linear;
animation: rainbow 3s linear;
}
@-moz-keyframes my-rainbow-animation {
0% {
color: #f00;
}
14% {
color: #ffa500;
}
28% {
color: #ff0;
}
42% {
color: #008000;
}
56% {
color: #00f;
}
70% {
color: #4b0082;
}
84% {
color: #ee82ee;
}
}
@-webkit-keyframes my-rainbow-animation {
0% {
color: #f00;
}
14% {
color: #ffa500;
}
28% {
color: #ff0;
}
42% {
color: #008000;
}
56% {
color: #00f;
}
70% {
color: #4b0082;
}
84% {
color: #ee82ee;
}
}
@-o-keyframes my-rainbow-animation {
0% {
color: #f00;
}
14% {
color: #ffa500;
}
28% {
color: #ff0;
}
42% {
color: #008000;
}
56% {
color: #00f;
}
70% {
color: #4b0082;
}
84% {
color: #ee82ee;
}
}
@keyframes my-rainbow-animation {
0% {
color: #f00;
}
14% {
color: #ffa500;
}
28% {
color: #ff0;
}
42% {
color: #008000;
}
56% {
color: #00f;
}
70% {
color: #4b0082;
}
84% {
color: #ee82ee;
}
}