代码之家 › 专栏 › 技术社区 › Sejista Carl

如何在css转换延迟后显示div并使其隐藏[关闭]

css-transitions css3

Sejista Carl · 技术社区 · 7 年前

我想显示一个暂停按钮,并在单击幻灯片放映图像时消失。当他们再次点击时,会显示一个播放按钮,几秒钟后就消失了,就像在youtube上一样。我可以展示它,但不知道如何让它消失。就像我想让这个div弹出然后消失。

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

1 回复 | 直到 7 年前

Padmapriya Vishnuvardhan 7 年前

可以使用动画淡出效果使其发生

animation: fadeOut 2s forwards;

推荐文章

Luckkks · 过渡色工作不正常

1 年前

BogisW · CSS动画按钮/悬停时为span内容文本添加CSS转换

2 年前

markisawesome4 · 按钮:当您将鼠标移离按钮时,悬停时显示的内容下移后

2 年前

Bruno Oliveira · 如何在CSS转换完成后调用函数-React

2 年前

Ancross · 为什么我的小CSS动画不会触发?

3 年前

Jorge · :before和:after伪元素以接收过渡效果

7 年前

Arsalan Khattak · 线性渐变过渡

8 年前

Albert qerimi · 将鼠标悬停在具有CSS变换比例的div上后添加动画

8 年前

Paul · 悬停时变换比例不缩放

8 年前

Willem van der Veen · CSS转换结合JS clickEvent

8 年前