纯CSS实现无限多米诺骨牌Loading加载动画

纯CSS实现无限多米诺骨牌Loading加载动画。

效果如下：

HTML代码：

<main role="main">
  <!-- An unordered list is completely useless here, -->
  <!-- but I like to use it for repeating elements.-->
  <ul role="progressbar" aria-busy="true" aria-label="Loading domino shop">
    <li role="presentation"></li>
    <li role="presentation"></li>
    <li role="presentation"></li>
    <li role="presentation"></li>
    <li role="presentation"></li>
    <li role="presentation"></li>
    <li role="presentation"></li>
  </ul>
  <p>码云笔记 - mybj123.com</p>
</main>

CSS代码：