animation templates

here are a few of the animations i have on my blog ^o^

animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
margin-bottom: 15px;
}
}

@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}

animation-name: rock;
animation-duration: 5000ms;
animation-iteration-count: infinite;
}

@keyframes rock {
0% {
transform:rotate(-15deg);
}
50% {
transform:rotate(15deg);
}
100% {
transform:rotate(-15deg);
}
}

animation: rainbows 0.5s infinite !important;
color: salmon;
font-size: 20px;
}
@keyframes rainbows{
0%{color: salmon;}
11%{color: orange;}
22%{color: yellow;}
33%{color: lightgreen;}
44%{color: cyan;}
55%{color: deepskyblue;}
66%{color: mediumslateblue;}
77%{color: violet;}
88%{color: hotpink;}
100%{color: salmon;}
}
}