Impress.js的CSS如何工作？

我在读关于Impress.js，我对下面的代码有一些疑问（Inpress演示的一部分）。Impress.js的CSS如何工作？

.impress-enabled .step { 
    margin: 0; 
    opacity: 0.3; 

    -webkit-transition: opacity 1s; 
    -moz-transition: opacity 1s; 
    -ms-transition:  opacity 1s; 
    -o-transition:  opacity 1s; 
    transition:   opacity 1s; 
} 

.impress-enabled .step.active { opacity: 1 }

我的问题：

什么是.impress启用类是为了什么？
因此class .active应用于当前显示的步骤？因此，它的不透明度在其显示时变为1，而在显示下一个时则变回.3。如上面的.impress-enabled .step所述，对吧？

感谢您的帮助

来源

2013-03-30 Sourabh

如果JavaScript在浏览器的访问者停用，他不会得到启用.impress级可言，因为它是通过JavaScript添加。这就是他们如何分离一个JavaScript和一个非JavaScript版本（简单地停用JavaScript一段时间并再次访问impress.js的示例页面）。因此，如果您激活了js，则“无聊”类将被删除，并且名为“impress-on-bored”和“impress-enabled”的类将被激活。
是的。你是对的。

来源

2013-03-31 00:01:51 danielwinter

读过我的书因此，当浏览器支持的Impress，类没话说，不支持被删除，'打动-enabled'，'打动-ON-idhere'被添加到身体元素？这两个类都添加了吗？第二类有什么用？ – Sourabh

我不完全知道它，但我期望以下内容：当在范围内找到印记（并且尚未应用，如“嘿..我准备好了”时，会添加'impress-on-bored'要去..只是激活我“）如果在document.ready函数中通过js应用impress，将会添加'impress-enabled'将被添加 – danielwinter

impress-on-ID可用于添加幻灯片特定的js或css代码变得活跃。例如，如果您的幻灯片很小并且浏览器窗口中包含多个幻灯片，我们可以首先隐藏除第一张幻灯片以外的所有幻灯片。一旦特定幻灯片变为活动状态，它将得到impress-on-ID类。我们可以使用这个类来使步骤可见。如果您想了解更多信息，请阅读我的关于使用impress.js创建令人印象深刻的演示文稿的书：http：//www.packtpub.com/building-impressive-presentations-with-impressjs/book –

impress-on-ID可用于添加幻灯片特定的js或css代码，当它变为活动状态时。例如，如果您的幻灯片很小并且浏览器窗口中包含多个幻灯片，我们可以首先隐藏除第一张幻灯片以外的所有幻灯片。

一旦特定的幻灯片变为活动状态，它将得到impress-on-ID类。我们可以使用这个类来使步骤可见。

如果你想知道更多，就Building Impressive Presentations with impress.js

来源

2013-04-29 02:22:08

Impress.js的CSS如何工作？

回答

相关问题