动画 Xaringan 图形和文本
Animate Xaringan figures and text
我想为我的 Xaringan 演示文稿中幻灯片中的一些元素设置动画。
我知道如何按照下面的 link (https://www.garrickadenbuie.com/blog/animate-xaringan-slide-transitions/) 中的说明设置幻灯片切换动画。
我真正想要的是在幻灯片的文本或图像中使用此类动画的可能性。
在查看 animate.css 文件时,我可以看到一些 类,例如:
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
但是当我尝试像这样在 RMardown 中使用时:
.pulse[Some text]
没有任何反应。
我希望有一个理想的解决方案,可以让我选择所有可能的动画 (https://daneden.github.io/animate.css/)。
如果您执行 .pulse[Some text]
,它会将其转换为 <span class="pulse">Some text</span>
。在这里制作动画的几件事:
- 您需要添加 class
animated
- 改为
div
。您可以通过在新行 ]
中开始 来完成此操作。
所以这应该有效(假设你有 animate.css
包括在内):
.pulse.animated[Some text
]
我想为我的 Xaringan 演示文稿中幻灯片中的一些元素设置动画。
我知道如何按照下面的 link (https://www.garrickadenbuie.com/blog/animate-xaringan-slide-transitions/) 中的说明设置幻灯片切换动画。
我真正想要的是在幻灯片的文本或图像中使用此类动画的可能性。
在查看 animate.css 文件时,我可以看到一些 类,例如:
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
但是当我尝试像这样在 RMardown 中使用时:
.pulse[Some text]
没有任何反应。
我希望有一个理想的解决方案,可以让我选择所有可能的动画 (https://daneden.github.io/animate.css/)。
如果您执行 .pulse[Some text]
,它会将其转换为 <span class="pulse">Some text</span>
。在这里制作动画的几件事:
- 您需要添加 class
animated
- 改为
div
。您可以通过在新行]
中开始 来完成此操作。
所以这应该有效(假设你有 animate.css
包括在内):
.pulse.animated[Some text
]