PrivateCoffee/wishthis
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve logo animation

Browse source
This commit is contained in:
grandeljay 2022-06-16 14:52:18 +02:00
parent b9e9554f47
commit 29e37afa71
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/assets/css/home.css
View file

@ -13,33 +13,33 @@
#text-list { #text-list {
animation: 0.4s 1s ease text-list; animation: 0.4s 1s ease text-list;
animation-fill-mode: both; animation-fill-mode: forwards;
} }
@keyframes text-list { @keyframes text-list {
0% { 0% {
opacity: 1; 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% { 100% {
opacity: 0; 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 { #text-this {
animation: 0.4s 1s ease text-this; animation: 0.4s 1s ease text-this;
animation-fill-mode: both; animation-fill-mode: forwards;
} }
@keyframes text-this { @keyframes text-this {
0% { 0% {
opacity: 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% { 100% {
opacity: 1; 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);
} }
} }