Adjusted fade out animation to feel much better

2 files changed, 4 insertions, 4 deletions

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";
     }