diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2022-01-25 15:08:04 -0600 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-01-25 15:08:04 -0600 |
| commit | 831a9adc209a9ebeb882441c71baaa6ad5be742b (patch) | |
| tree | d7101a2ead52d31917d93e443e37856cb4ab3798 | |
| parent | b48ab95d8ef245bcd803418294d5d8951dbaa056 (diff) | |
| download | astro-831a9adc209a9ebeb882441c71baaa6ad5be742b.tar.gz astro-831a9adc209a9ebeb882441c71baaa6ad5be742b.tar.zst astro-831a9adc209a9ebeb882441c71baaa6ad5be742b.zip | |
fix: remove SVG animation (#2468)
| -rw-r--r-- | assets/social/banner.svg | 36 |
1 files changed, 1 insertions, 35 deletions
diff --git a/assets/social/banner.svg b/assets/social/banner.svg index 47808ca59..f5194f928 100644 --- a/assets/social/banner.svg +++ b/assets/social/banner.svg @@ -2,22 +2,12 @@ <style> .bg { transform-origin: center center; - animation: loop 15s ease-in-out infinite; - } - .bg:nth-child(1) { - animation-name: loop-1; - } - .bg:nth-child(2) { - animation-name: loop-2; - } - .bg:nth-child(3) { - animation-name: loop-3; } #banner { animation: marquee 30s linear infinite; } @media (prefers-reduced-motion: reduce) { - .bg, #banner { + #banner { animation-play-state: paused; } } @@ -29,30 +19,6 @@ transform: translateX(-130px); } } - @keyframes loop-1 { - 0%, 100% { - transform: scale(1); - } - 75% { - transform: scale(2); - } - } - @keyframes loop-2 { - 0%, 100% { - transform: scale(1); - } - 25% { - transform: scale(0.5); - } - } - @keyframes loop-3 { - 0%, 100% { - transform: scale(1); - } - 50% { - transform: scale(2.5); - } - } </style> <path fill="#F1BCBE" d="M0 0h1012v506H0z"/> |
