tiny animations

The settings button now turns like a cog when hovered, and there's a slight animation when you hover a settings switch.
0neGal · Jun 12, 2022 · b591b51 · b591b51
1 parent 3d9b35a
commit b591b51
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git 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
@@ -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)}
 /* } */