javascript - 物化CSS-除UL之外的其他事物的过渡动画

在文档中，看来我们可以像这样转换UL元素：

<a href="#!" class="btn" onclick="Materialize.showStaggeredList('#staggered-test')">Click Me</a>

<ul id="staggered-test">
      <li class="" style="transform: translateX(0px); opacity: 1;">
        <h4><a href="#">List Item</a></h4>
        <p>This is a description</p>
      </li>
      <li class="" style="transform: translateX(0px); opacity: 1;">
        <h4><a href="#">List Item</a></h4>
        <p>This is a description</p>
      </li>
</ul>

但是我要过渡的是div。我已经尝试过这样做，但似乎没有用

<a href="#!" class="btn" onclick="Materialize.showStaggeredList('#staggered-test')">Click Me</a>

<div id="staggered-test">
    <p style="transform: translateX(0px); opacity: 0;">
        appear!
    </p>
</div>

最佳答案

您只需要在li内创建div

问候