diff options
| author | sameerasw <[email protected]> | 2025-05-06 18:59:05 +0530 |
|---|---|---|
| committer | sameerasw <[email protected]> | 2025-05-06 18:59:05 +0530 |
| commit | 71e49a8756e366071b245b6b45aa87cb86537187 (patch) | |
| tree | 7cd386c23363ab7536ec0c03d2e10b108ed27dd0 /popup | |
| parent | 86bb227664a89602375042471c22dcd4b3beef67 (diff) | |
Version up and new glow for what's new button
Diffstat (limited to 'popup')
| -rw-r--r-- | popup/popup.css | 21 |
1 files changed, 20 insertions, 1 deletions
diff --git a/popup/popup.css b/popup/popup.css index bb47dba..78d9434 100644 --- a/popup/popup.css +++ b/popup/popup.css @@ -158,6 +158,25 @@ body { transform: scale(1.1);
}
+/* Add glow pulse animation for the What's New button emoji */
+@keyframes glowPulse {
+ 0% {
+ text-shadow: 0 0 0 rgba(255, 255, 255, 0);
+ }
+ 50% {
+ text-shadow: 0 0 8px rgba(255, 255, 255, 0.8),
+ 0 0 12px rgba(249, 135, 100, 0.6);
+ }
+ 100% {
+ text-shadow: 0 0 0 rgba(255, 255, 255, 0);
+ }
+}
+
+/* Apply the animation to the What's New button */
+.whats-new-button {
+ animation: glowPulse 2s ease-in-out infinite;
+}
+
.whats-new-button::after {
content: "What's New";
position: absolute;
@@ -193,7 +212,7 @@ body { display: flex;
align-items: center;
gap: 12px;
- margin-bottom: 8px;
+ margin-bottom: 2px;
}
/* Current site toggle styling */
|