tweak tooltips

CU-DBMI · Jan 19, 2024 · 2437bb4 · 2437bb4
1 parent 0aec433
commit 2437bb4
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/grid.css b/src/grid.css
@@ -37,9 +37,13 @@
   color: var(--white);
   text-align: center;
   overflow-wrap: anywhere;
-  animation: link 1s var(--delay) both var(--play);
+  animation: link 1s var(--delay) backwards var(--play);
   clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
-  transition: background var(--fast);
+  transition: background var(--fast), opacity var(--fast);
+}
+
+.grid:has(.link:hover, .link:focus) .link:not(:hover, :focus) {
+  opacity: 0.5;
 }
 
 .link:hover,
@@ -135,7 +139,7 @@
   background: var(--dark);
   content: "";
   color: var(--white);
-  clip-path: polygon(0% 0%, 105% 0%, 0% 105%);
+  clip-path: polygon(-50% -50%, 150% -50%, -50% 150%);
   pointer-events: none;
   transition: opacity var(--fast), transform var(--fast);
 }