在文档中,我们似乎可以像这样转换 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
问候
关于javascript - Materialise CSS - 除 UL 之外的过渡动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30055927/