<div class="cursor"></div>
.cursor {
width: 1px;
height: 10px;
background-color: black;
animation: blink 1s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
<div class="cursor"></div>
.cursor {
width: 1px;
height: 10px;
background-color: black;
animation: blink 1s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}