diff --git a/src/grid.css b/src/grid.css index 421e77c..aa4b3db 100644 --- 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); }