Template:CharIcon-UMVC3/styles.css: Difference between revisions

Template page
No edit summary
No edit summary
Line 1: Line 1:
.ci {
.ci {
}
.ci-background {
position: absolute;
width: 60px;
height: 51px;
  background: gray;
  background: gray;
}
}


.ci-highlight {
.ci-highlight {

Revision as of 13:53, 20 May 2025

.ci {
}

.ci-background {
 position: absolute;
 width: 60px;
 height: 51px;
 background: gray;
}

.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;
 }
}