Javascript 用于褪色覆盖视频控件的css？

在某些DVD/视频播放器中，播放/暂停/音量/等控件覆盖在视频本身的上方，放在一个盒子中。当您移动鼠标时，控件会淡入，然后在延迟一段时间后淡出（这样您就可以再次欣赏视频）

---

我想知道——如何使用CSS创建这种效果？是否有办法在除鼠标移动以外的事件中重置淡出计时器？

可以使用CSS控制淡出计时器：

-(prefix)-transition: all <duration> ease-out <delay>;

-（前缀）-转换：全部释放；

---

看看这个。

可以使用CSS控制淡出计时器，包括：

-(prefix)-transition: all <duration> ease-out <delay>;

-（前缀）-转换：全部释放；

---

看看这个。

假设我们有以下HTML模板：

<div class="player">
    <div class="controls">Controls go here</div>
</div>

但是，如果您想获得更好的浏览器支持，应该使用JS

在使用jQuery时，您可以在使用jQuery效果时利用

.delay（）

方法，例如我们的示例中的

.fadeOut（）

：

JS:

---

假设我们有以下HTML模板：

<div class="player">
    <div class="controls">Controls go here</div>
</div>

但是，如果您想获得更好的浏览器支持，应该使用JS

在使用jQuery时，您可以在使用jQuery效果时利用

.delay（）

方法，例如我们的示例中的

.fadeOut（）

：

JS:

---

-？？-kit

太错误了。。。我想你的意思是

-（前缀）-转换
。
转换
属性中的计时不是延迟，而是转换的持续时间。
-？？-kit
是错误的。。。我想你的意思是
-（前缀）-转换
。
transition
属性中的计时不是延迟，而是转换的持续时间。你在开玩笑吗？为什么这没有更多的选票？？？你在开玩笑吗？为什么这没有更多的选票？？？