javascript - 在 slidify 中为第二级元素符号点设置动画

Question

我正在尝试获取 io2012 中的二级(低级)要点从父元素符号点单独设置动画，如下所示:

>* First level animates by itself
  >+ Second level then animates by itself
>* Another first level animates by itself

我尝试了几种 HTML 变通方法，比如使用 >*代替 >+在尝试使用 <div style="padding-left: 1em">>* Second level animated by itself 缩进元素符号时.

然而，这只是缩进了文本而不是要点。我对 <li style="padding-left: 1em">...</li> 的实验同样失败。

如果没有 HTML 解决方案，该解决方案是否涉及 CSS 或 JavaScript？

Answer 1

如果您愿意采用稍微复杂的解决方法，我已经成功地在段落和元素符号的开头插入了 .fragment 我想要制作动画(我的幻灯片的其他一些内容是冲突的使用 >- 快捷方式，虽然我还没有弄清楚是什么)。

无论如何，这应该可行，即使它有点笨拙。

- .fragment First level animates by itself
    - .fragment Second level then animates by itself
- .fragment Another first level animates by itself

(.fragment 将 div 类“片段”添加到以下段落或元素)