No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.ci { | .ci { | ||
background: gray; | |||
} | } | ||
| Line 6: | Line 7: | ||
width: 60px; | width: 60px; | ||
height: 51px; | height: 51px; | ||
} | } | ||
Revision as of 13:55, 20 May 2025
.ci {
background: gray;
}
.ci-background {
position: absolute;
width: 60px;
height: 51px;
}
.ci-highlight {
position: absolute;
width: 60px;
height: 51px;
outline: solid 3px yellow;
outline-offset: 3px;
visibility: hidden;
}
.ci-parent:hover .ci-highlight {
visibility: visible;
animation: blinker 1s linear infinite;
}
.ci-parent:hover .ci {
outline: solid 3px yellow;
animation: blinker 1s linear infinite;
animation-delay: 0.2s;
}
@keyframes blinker {
50% {
opacity: 0;
}
}