原理就是使用 CSS 动画修改 Rect 矩形的高度，加个动画延迟，再反转一下画布本身就得到了。

缺点就是 CSS 没法控制从哪个关键帧开始播放动画，只能通过延迟的方式实现，你或许会发现动画首次开始播放时后面两条矩形会略慢一些。

使用张鑫旭大佬的 SVG 在线压缩工具，取消“图形转路径”压缩选项，即可压缩成 CSS Background 属性支持的形式。