No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.ci { | .ci { | ||
} | } | ||
Line 7: | Line 6: | ||
width:max-content; | width:max-content; | ||
border: solid 1px white; | border: solid 1px white; | ||
} | } | ||
.ci-highlight { | .ci-highlight { | ||
width: | width: 60px; | ||
height: 51px; | |||
outline: solid 3px yellow; | |||
outline-offset: 3px; | |||
visibility: hidden; | visibility: hidden; | ||
} | } | ||
Line 28: | Line 27: | ||
.ci:hover { | .ci:hover { | ||
} | } | ||
Revision as of 12:02, 20 May 2025
.ci { } .ci-background { background: gray; width:max-content; border: solid 1px white; } .ci-highlight { width: 60px; height: 51px; outline: solid 3px yellow; outline-offset: 3px; visibility: hidden; } .ci-highlight:hover { visibility: visible; animation: blinker 1s linear infinite; } .ci-background:hover { border: hidden; animation: initial; } .ci:hover { } @keyframes blinker { 50% { opacity: 0; } }