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

Fix svg animation not working on chrome

Browse source
This commit is contained in:
grandeljay 2022-06-15 19:49:57 +02:00
parent 741fc7cdc7
commit 6a5481d408
1 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -13,35 +13,33 @@
#text-list {
animation: 0.8s 1s ease text-list;
animation-fill-mode: both;
}
@keyframes text-list {
0% {
position: relative;
bottom: 0;
opacity: 1;
transform: matrix(3.63682, 0, 0, 3.63682, 425.483, 130.092);
}
100% {
bottom: calc(1em * 1.4285 + 0.91666667em * 2 + 4px);
opacity: 0;
transform: matrix(3.63682, 0, 0, 3.63682, 426.568, -62.239);
}
}
#text-this {
animation: 0.8s 1s ease text-this;
animation-fill-mode: both;
}
@keyframes text-this {
0% {
position: relative;
bottom: 0;
opacity: 0;
transform: matrix(3.63682, 0, 0, 3.63682, 426.568, 135.761);
}
100% {
bottom: calc(1em * 1.4285 + 0.91666667em * 2 + 4px);
opacity: 1;
transform: matrix(3.63682, 0, 0, 3.63682, 426.568, 35.761);
}
}