如何显示div并在CSS转换延迟后使其隐藏

Question

我想显示一个暂停按钮，并在单击幻灯片显示图像时消失。当他们再次单击它时，将显示一个播放按钮，并在几秒钟内消失，就像在youtube中一样。我可以显示它，但不确定如何使其消失。就像我希望该div弹出并在片刻后消失。

#play {
  border: 1px solid red;
  text-align: left;
  position: absolute;
  left: 50%;
  top: 50%;
}

Answer 1

您可以使用动画淡入淡出效果来实现

animation: fadeOut 2s forwards;

https://www.tutorialspoint.com/css/css_animation_fade_out.htm是学习它的好地方。