CSS 模拟输入框指针动画效果

@keyframes cursor-blinks { 
  0% { 
    opacity: 1;
    display: block;
  }

  50% { 
    opacity: 0;
    display: none;
  }

  100% { 
    opacity: 1;
    display: block;
  }
}

.cursor { 
  color: var(--m-color-bg-primary);
  border-left: 1px solid;
  margin-left: 2px;
  height: 33px;
  animation: cursor-blinks 1s infinite steps(1, start);
}

原文链接：https://blog.csdn.net/weixin_42164539/article/details/125928598

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。