滑动中的第二级子弹点动画

sea*_*ith 13 javascript css r r-markdown slidify

我试图让第二个(较低)级别的子弹点io2012与其父级子弹点分开制作动画,如下所示:

>* First level animates by itself
  >+ Second level then animates by itself
>* Another first level animates by itself
Run Code Online (Sandbox Code Playgroud)

我尝试过使用HTML的几种解决方法,比如>*>+尝试缩进子弹时使用<div style="padding-left: 1em">>* Second level animated by itself.

然而,这只是缩进文本而不是项目符号.我的实验<li style="padding-left: 1em">...</li>同样失败了.

如果没有HTML解决方案,解决方案是否涉及CSS或JavaScript?

Mar*_*son 4

如果您愿意采用稍微有点老套的解决方法,我已经成功地.fragment在我想要动画的段落和项目符号的开头插入了(我的幻灯片中的其他一些内容与>-快捷方式相冲突,尽管我仍然不知道是什么) )。

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

- .fragment First level animates by itself
    - .fragment Second level then animates by itself
- .fragment Another first level animates by itself
Run Code Online (Sandbox Code Playgroud)

.fragment在下面的段落或项目中添加一个div类“片段”)