【问题标题】:Animate Xaringan figures and text动画 Xaringan 人物和文字
【发布时间】:2019-10-19 06:51:33
【问题描述】:

我想在我的 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/)。

【问题讨论】:

    标签: css r animate.css xaringan


    【解决方案1】:

    如果您使用.pulse[Some text],它会将其转换为<span class="pulse">Some text</span>。在这里设置动画的几件事:

    • 你需要添加类animated
    • 改为div。您可以通过在新行中开始 ] 来做到这一点。

    所以这应该可以工作(假设您已包含animate.css):

    .pulse.animated[Some text
    ]
    

    【讨论】:

    • 我很感兴趣,这是您帮助我检查您博客的第二个答案。多么可爱的惊喜啊。您的 package anicon 以如此简单的方式完成了我想要的(以及更多)。我建议任何阅读此线程的人使用它。因此,要为文本(或几乎所有内容)设置动画,我将使用 anicon。至于我的幻灯片,我将使用以下方法:r anicon::nia("some text", animate = "flash)
    • 啊,是的 anicon 确实会做动画文本/图标/图片! animate.css 有更多精彩的动画,我希望将来能整合。欢迎评论anicon :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-31
    • 2020-10-17
    • 1970-01-01
    • 2019-10-15
    • 1970-01-01
    • 2021-05-24
    相关资源
    最近更新 更多