魔方九方块渐渐出现特效代码最骚特效

以下为HTML部分代码

<!-- From zuisao.com --> 
<div class="loader">
    <div class="cell d-0"></div>
    <div class="cell d-1"></div>
    <div class="cell d-2"></div>
  
    <div class="cell d-1"></div>

以下为部分CSS代码

<style>
    /* From zuisao.com */ 
    .loader {
  --cell-size: 52px;
  --cell-spacing: 1px;
  --cells: 3;
  --total-size: calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));
  display: flex;
  flex-wrap: wrap;
  width: var(--total-size);