我想在reveal.js演示文稿中的一张幻灯片的右侧上有一张背景图片。
我将图像添加到幻灯片中是这样的:
<section data-background="myImage.jpg">
// content
</section>
如何添加CSS样式以使其出现在屏幕的右边缘?
本文有助于找到解决方案。您可以使用以下方式将样式添加到当前部分的html元素中:
data-state="something"
当然,您可以使用该样式来调整CSS。所以我用这个html:
<section data-background="myImage.jpg" data-state="img-right">
// content
</section>
和以下css:
html.img-right div.slide-background.present {
background-position: right;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句