Skip to content

Commit

Permalink
Live tag - Fix animation flash on Safari (#239)
Browse files Browse the repository at this point in the history
* Fix animation flash

* remove unnecessary css
  • Loading branch information
alexzhang1618 authored Apr 27, 2024
1 parent d26e370 commit 03e2a12
Showing 1 changed file with 14 additions and 9 deletions.
23 changes: 14 additions & 9 deletions src/components/events/EventBadges/style.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -23,30 +23,35 @@
animation: pulse 1s ease-in-out infinite alternate;

@keyframes pulse {
0% { opacity: 0 }
100% {opacity: 1 }
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}
}

&::before {
animation: pulse2 2s ease-out forwards infinite;
animation: pulse2 2s ease-out reverse infinite;
border: 2px solid vars.$danger-1;
border-radius: 5px;
content: '';
position: absolute;

@keyframes pulse2 {
0% {
filter: blur(0);
inset: 0;
opacity: 1;
}

100% {
filter: blur(2px);
inset: -0.75rem;
opacity: 0;
}

100% {
filter: blur(0);
inset: 0;
opacity: 1;
}
}
}
}
Expand Down

0 comments on commit 03e2a12

Please sign in to comment.