diff options
| author | 0neGal <mail@0negal.com> | 2022-06-12 17:00:35 +0200 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2022-06-12 17:00:35 +0200 |
| commit | b591b5166d6953fe868ccb772045fe77d9a9813e (patch) | |
| tree | d334ea18d4a4c2cf94c5b6d0238b9c02427e7b36 /src/app | |
| parent | 3d9b35ac675fb942c1fcbc9eb81cc44e3dbeaee3 (diff) | |
| download | Viper-b591b5166d6953fe868ccb772045fe77d9a9813e.tar.gz Viper-b591b5166d6953fe868ccb772045fe77d9a9813e.zip | |
tiny animations
The settings button now turns like a cog when hovered, and there's a
slight animation when you hover a settings switch.
Diffstat (limited to 'src/app')
| -rw-r--r-- | src/app/css/popups.css | 4 | ||||
| -rw-r--r-- | src/app/main.css | 4 |
2 files changed, 8 insertions, 0 deletions
diff --git a/src/app/css/popups.css b/src/app/css/popups.css index 59f6630..826955b 100644 --- a/src/app/css/popups.css +++ b/src/app/css/popups.css @@ -350,6 +350,10 @@ background: rgb(var(--red)); } +.switch.on:hover::after { + transform: scale(1.2); +} + .title { display: flex; } diff --git a/src/app/main.css b/src/app/main.css index ce45f35..f39c5a1 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -59,6 +59,10 @@ button:active {filter: brightness(90%)} #winbtns #minimize {background-image: url("icons/minimize.png")} #winbtns #settings {background-image: url("icons/settings.png")} +#winbtns #settings:hover { + transform: rotate(90deg); +} + #winbtns div:hover {opacity: 1.0} #winbtns div:active {transform: scale(0.95)} /* } */ |