Improve logo animation

This commit is contained in:
grandeljay 2022-06-16 14:52:18 +02:00
parent b9e9554f47
commit 29e37afa71

View file

@ -13,33 +13,33 @@
#text-list {
animation: 0.4s 1s ease text-list;
animation-fill-mode: both;
animation-fill-mode: forwards;
}
@keyframes text-list {
0% {
opacity: 1;
transform: matrix(3.63682, 0, 0, 3.63682, 425.483, 130.092);
transform: matrix(3.6368233, 0, 0, 3.6368233, 425.48266, 130.09212);
}
100% {
opacity: 0;
transform: matrix(3.63682, 0, 0, 3.63682, 426.568, 30.092);
transform: matrix(3.6368233, 0, 0, 3.6368233, 425.48266, 30.092);
}
}
#text-this {
animation: 0.4s 1s ease text-this;
animation-fill-mode: both;
animation-fill-mode: forwards;
}
@keyframes text-this {
0% {
opacity: 0;
transform: matrix(3.63682, 0, 0, 3.63682, 426.568, 135.761);
transform: matrix(3.6368233, 0, 0, 3.6368233, 425.48266, 135.76144);
}
100% {
opacity: 1;
transform: matrix(3.63682, 0, 0, 3.63682, 426.568, 35.761);
transform: matrix(3.6368233, 0, 0, 3.6368233, 425.48266, 35.76144);
}
}