多种颜色玻璃水跳动特效最骚拟物拟态特效

以下为HTML部分代码，

<section class="loader">

    <div class="slider" style="--i:0">
    </div>
    <div class="slider" style="--i:1">
    </div>
    <div class="slider" style="--i:2">

以下为部分CSS代码

  /* From zuisao.com */ 
    .loader {
  display: flex;
  align-items: center;
  justify-content: center;