css3动画模拟光标

.animation::after {
    content:'';
    display: block;
    width:1px;
    height:16px;
    animation: blink 1s infinite steps(1, start)
  }
@keyframes blink {
 0%{
   background-color: white;
 }
 50% {
   background-color: black;
 }
 100% {
   background-color: white;
 }

给一个元素添加上class=“animation“ 就是看到一闪一闪的样子了