为Xaringan图形和文字制作动画

时间:2019-06-03 17:32:33

标签: css r animate.css xaringan

我想为Xaringan演示文稿中的幻灯片中的一些元素制作动画。

我知道如何为下面的链接(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/)。

1 个答案:

答案 0 :(得分:0)

如果您执行This site can't be reached,它将转换为.pulse[Some text]。在此处制作动画的几件事:

  • 您需要添加类<span class="pulse">Some text</span>
  • 将其更改为animated。您可以通过在新行中开始div 来完成此操作。

所以这应该可以工作(假设您已经包含]

animate.css