I tried to create an animation, actually it just scroll the background like the pinterest login box.
But it seems everytime I put
animation: bla... bla... bla...
within a class, that class is always not visible if I tried to use it from within the form. Any other class are visible.
Anything I miss?
here is the class declaration in the .css file created from within the designer:
Code: Select all
.animatebg {
animation: animate-move-bg 20s infinite;
}
@keyframes animate-move-bg {
0% { transform: translateY(0px); }
100% { transform: translateY(-2100px); }
}
@-webkit-keyframes animate-move-bg {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(-2100px);
transform: translateY(-2100px);
}
}