diff options
author | Rooki <34943569+Pdzly@users.noreply.github.com> | 2021-12-02 20:25:54 +0300 |
---|---|---|
committer | Rooki <34943569+Pdzly@users.noreply.github.com> | 2021-12-02 20:25:54 +0300 |
commit | 5671c2d5011d617ea9e8c3958c2da27bfa361d1e (patch) | |
tree | baf7399992d138bda489bbda312d7da01dc59004 | |
parent | 590f04e0f9982821748379a37f6dd61d09872284 (diff) |
Update popup.css
-rw-r--r-- | Extensions/firefox/popup.css | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/Extensions/firefox/popup.css b/Extensions/firefox/popup.css index a9b86ad..5b042c6 100644 --- a/Extensions/firefox/popup.css +++ b/Extensions/firefox/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 { |