michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: remove SVG animation (#2468)

Browse source
This commit is contained in:
Nate Moore 2022-01-25 15:08:04 -06:00 committed by GitHub
parent b48ab95d8e
commit 831a9adc20
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
assets/social/banner.svg
View file

@ -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"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 26 KiB