diff --git a/content.css b/content.css index 590dc05a..d6fd89aa 100644 --- a/content.css +++ b/content.css @@ -87,8 +87,8 @@ padding-right: 5px; } -.sponsorBlockFadeOutAnimiation { - animation: fadeOut 3s; +.sponsorSkipNoticeFadeOut { + animation: fadeOut 3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .sponsorSkipNoticeTimeLeft { diff --git a/utils/skipNotice.js b/utils/skipNotice.js index b2f982f2..01bba911 100644 --- a/utils/skipNotice.js +++ b/utils/skipNotice.js @@ -178,7 +178,7 @@ class SkipNotice { //start fade out animation let notice = document.getElementById("sponsorSkipNotice" + this.UUID); notice.style.removeProperty("animation"); - notice.classList.add("sponsorBlockFadeOutAnimiation"); + notice.classList.add("sponsorSkipNoticeFadeOut"); } this.updateTimerDisplay(); @@ -198,7 +198,7 @@ class SkipNotice { //remove the fade out class if it exists let notice = document.getElementById("sponsorSkipNotice" + this.UUID); - notice.classList.remove("sponsorBlockFadeOutAnimiation"); + notice.classList.remove("sponsorSkipNoticeFadeOut"); notice.style.animation = "none"; }