闪动的标识符
次阅读
1 min read
<span class="logo__cursor" style=""></span>
.logo__cursor {
display: inline-block;
width: 10px;
height: 1.5rem;
margin-top: 8px;
background: #fe5186;
margin-left: 5px;
border-radius: 1px;
animation: cursor 1s infinite
}
@media(prefers-reduced-motion:reduce) {
.logo__cursor {
animation: none
}
}
@keyframes cursor {
0% {
opacity: 0
}
50% {
opacity: 1
}
100% {
opacity: 0
}
}