@keyframes text-pop-up-tl {
0% {
transform: translateY(0) translateX(0);
transform-origin: 50% 50%;
text-shadow: none
}
to {
transform: translateY(-50px) translateX(-50px);
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc, 0 4px 0 #ccc, 0 5px 0 #ccc, 0 6px 0 #ccc, 0 7px 0 #ccc, 0 8px 0 #ccc, 0 9px 0 #ccc, 0 50px 30px rgba(0, 0, 0, .3)
}
}
.GRIMOIRE_CSS_ANIMATION {
animation-name: text-pop-up-tl;
}