From b5c79b8c30cb94640cb3e7de39e8a279634a9ffa Mon Sep 17 00:00:00 2001 From: Front <27463495+Frontesque@users.noreply.github.com> Date: Thu, 2 Dec 2021 21:44:11 -0500 Subject: add smoothing to button hover --- Extensions/chrome/popup.css | 4 ++-- Extensions/firefox/popup.css | 3 ++- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/Extensions/chrome/popup.css b/Extensions/chrome/popup.css index e26cd1f..30c8a92 100644 --- a/Extensions/chrome/popup.css +++ b/Extensions/chrome/popup.css @@ -33,8 +33,8 @@ button { border: none; 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%); + 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: .4s; } button:hover { diff --git a/Extensions/firefox/popup.css b/Extensions/firefox/popup.css index 1ff700d..6fe8d99 100644 --- a/Extensions/firefox/popup.css +++ b/Extensions/firefox/popup.css @@ -32,11 +32,12 @@ 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: .4s; } button:hover { background: #444; - } +} #advancedToggle { margin-top: 1em; -- cgit v1.2.3