adjust css for blink images

2022-12-05 07:43:02 +00:00
parent 52806907c7
commit 9fa56ec7b9
3 changed files with 2 additions and 16 deletions
@@ -10,20 +10,13 @@ img {
    width: 100%;
    height: 100%;
    object-fit: contain;
-}
-
-#active {
    opacity: 0;
 }

-#idle {
+#idle:not(.active) {
    opacity: 1;
 }

 #active.active{
    opacity: 1;
-}
-
-#idle.active{
-    opacity: 0;
 }
@@ -6,13 +6,6 @@ body {
    --blink-time: 0.1;
 }

-#active-blink,
-#idle-blink,
-#active.blink,
-#idle.blink {
-    opacity: 0;
-}
-
 #active-blink.blink.active,
 #idle-blink.blink:not(.active) {
    opacity: 1;
@@ -1,5 +1,5 @@
@import url('basic.css');

-#idle {
+#idle, #idle-blink {
    filter: brightness(50%);
 }