CSS-使鼠标指针在几秒钟后消失

目标是在我将鼠标移到视频上一段时间后隐藏我的鼠标指针，例如youtube，因为我需要使用css

这是我现在的动画

  #container{
   &:hover{
     cursor: pointer;
    .video-controls-bar{
        opacity: 1;
    }
    .bottom {
      margin-bottom: 44px;
    }
   }
  }

---

这是为我的控制栏和我的div底部出现时，我鼠标在上面，但现在我需要隐藏几秒钟后鼠标。提前感谢

您可以使用如下关键帧动画：

button:hover {
  animation: hideMouse 4s;

}

@keyframes hideMouse {
  0% {
    cursor: pointer;
  }
  99% {
    cursor: pointer;
  }
  100% {
    cursor: none;
  }
}

---

可以使用以下关键帧动画：

button:hover {
  animation: hideMouse 4s;

}

@keyframes hideMouse {
  0% {
    cursor: pointer;
  }
  99% {
    cursor: pointer;
  }
  100% {
    cursor: none;
  }
}

---

如果他想把它藏起来，谁也不应该default@TemaniAfif，谢谢你的帮助，唯一的问题是老鼠不会消失，即使没有。。。weird@HugoSeleiro因为您需要向前添加动画。。顺便说一下，如果解决方案不好，请在接受之前等待；）@HugoSeleiro你需要的是：@TemaniAfif，它工作了，现在我需要在我移动鼠标时让它出现：D，谢谢你的帮助如果他想隐藏它不应该default@TemaniAfif，谢谢你的帮助，唯一的问题是老鼠不会消失，即使没有。。。weird@HugoSeleiro因为您需要向前添加动画。。顺便说一下，如果解决方案不好，请在接受之前等待；）@HugoSeleiro你所需要的是：@Temaniaff，它工作了，现在我需要让它在我移动鼠标时出现：D，谢谢你的帮助