aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2022-06-12 17:00:35 +0200
committer0neGal <mail@0negal.com>2022-06-12 17:00:35 +0200
commitb591b5166d6953fe868ccb772045fe77d9a9813e (patch)
treed334ea18d4a4c2cf94c5b6d0238b9c02427e7b36
parent3d9b35ac675fb942c1fcbc9eb81cc44e3dbeaee3 (diff)
downloadViper-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.
-rw-r--r--src/app/css/popups.css4
-rw-r--r--src/app/main.css4
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)}
/* } */