如何用Quarto与Reveal.js实现幻灯片同行文字逐现？

问题描述 #

我希望在Quarto渲染的Reveal.js格式幻灯片中实现单个文字逐现效果。目前已掌握换行式片段显示方法：

---
title: "Thoughts on Quarto"
format: revealjs
---

## Why do I use Quarto?

Because Excel 

:::{.fragment}
stinks
:::

但想让新增文字在同一行出现，询问是否无需制作近乎相同的幻灯片（或使用auto-animate=true）即可实现？

解决方案 #

可以直接通过给片段添加inline类实现同一行文字逐现，无需复制幻灯片或启用自动动画。修改后的代码如下：

---
title: "Thoughts on Quarto"
format: revealjs
---

## Why do I use Quarto?

Because Excel ::: {.fragment .inline}stinks:::

原理说明 #

默认的.fragment类是块级元素，会自动换行。添加.inline类后，片段会转为行内元素，新增文字将和原有内容保持在同一行，同时保留逐现的动画效果。

内容的提问来源于stack exchange，提问作者itsMeInMiami