.up {
animation-name: up; animation-duration: 0.8s;
}
.left {
animation-name: left; animation-duration:0.8s
}
.right {
animation-name: right; animation-duration:0.8s
}
@keyframes up {
from {
opacity: 0;
transform: translate3d(0px, 40px,0px);
}
to {
opacity: 1!important;
transform: 0;
}
}
@keyframes right {
from {
opacity: 0;
transform: translate3d(40px, 0px,0px);
}
to {
opacity: 1!important;
transform: 0
}
}
@keyframes left {
from {
opacity: 0;
transform: translate3d(-40px, 0px,0px);
}
to {
opacity: 1!important;
transform: 0
}