diff options
| author | Rooki <34943569+Pdzly@users.noreply.github.com> | 2021-12-02 15:32:18 +0300 |
|---|---|---|
| committer | Rooki <34943569+Pdzly@users.noreply.github.com> | 2021-12-02 15:32:18 +0300 |
| commit | 590f04e0f9982821748379a37f6dd61d09872284 (patch) | |
| tree | 3f3de22d43c41b3529f200ba795e2b052b1ba828 | |
| parent | e5fb92f1ecebecdb39fee2a8338e4cefbdf685c1 (diff) | |
Update popup.css
| -rw-r--r-- | Extensions/chrome/popup.css | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/Extensions/chrome/popup.css b/Extensions/chrome/popup.css index 2f54c1d..a8930e4 100644 --- a/Extensions/chrome/popup.css +++ b/Extensions/chrome/popup.css @@ -1,3 +1,27 @@ +/* Animations */ +/* Rainbox-Animation */ +@-o-keyframes rainbow { + 0%{background-position:0% 82%} + 50%{background-position:100% 19%} + 100%{background-position:0% 82%} +} +@keyframes rainbow { + 0%{background-position:0% 82%} + 50%{background-position:100% 19%} + 100%{background-position:0% 82%} +} + +@-webkit-keyframes rainbow { + 0%{background-position:0% 82%} + 50%{background-position:100% 19%} + 100%{background-position:0% 82%} +} +@-moz-keyframes rainbow { + 0%{background-position:0% 82%} + 50%{background-position:100% 19%} + 100%{background-position:0% 82%} +} + /* Variables */ :root { --background: #111; @@ -29,6 +53,17 @@ button { border-radius: 4px; font-weight: 500; box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%); + transition: 0.5s; +} + +button:hover { + color: var(--secondary); + background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); + background-size: 1800% 1800%; + -webkit-animation: rainbow 18s ease infinite; + -z-animation: rainbow 18s ease infinite; + -o-animation: rainbow 18s ease infinite; + animation: rainbow 18s ease infinite; } #advancedToggle { |