deck.js - 移动到下一张幻灯片时如何防止幻灯片变得模糊？

Question

我想防止我的甲板上的特定幻灯片在移动到下一张幻灯片时变得模糊。

我怎样才能做到这一点？

Answer 1

在默认主题中，不再活动的增量显示元素被设为半透明（模糊）。因此，您可以强制给定元素始终完全不透明。

例如，您可以替换：

<div class="slide">should stay opaque</div>

经过

<div class="slide" style="opacity: 1.0" >should stay opaque</div>

或者，如果您习惯了 CSS，您还可以修改样式表，例如在您的元素中添加一个“stay”类，并在您的 CSS 中：

.stay { opacity: 1.0 !important; }