.title {
opacity: 0; transition: opacity 0.3s ease;
}
.anim-char {
display: inline-block;
opacity: 0; animation: char-reveal 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: var(--delay); }
@keyframes char-reveal {
0% {
opacity: 0;
transform: translate(var(--x), var(--y));
filter: blur(4px);
}
100% {
opacity: 1;
transform: translate(0, 0);
filter: blur(0);
}
}