/* animations | |
-------------------------------------------------- */ | |
@keyframes slideOutRight { | |
from { | |
transform: translate3d(0, 0, 0); | |
opacity: 1; | |
} | |
to { | |
opacity: 0; | |
transform: translate3d(100%, 0, 0); | |
} | |
} | |
@keyframes slideInRight { | |
from { | |
transform: translate3d(100%, 0, 0); | |
opacity: 0; | |
} | |
to { | |
transform: translate3d(0, 0, 0); | |
opacity: 1; | |
} | |
} | |
@keyframes fadein { | |
from { | |
opacity: 0; | |
transform: scale3d(.3, .3, .3); | |
} | |
50% { | |
transform: scale3d(1, 1, 1); | |
} | |
to { opacity: 1; } | |
} |