Html div元素的CSS骨架动画

使用svg元素时，我们可以创建并设置重影动画：

加载界面…

您可以查看并滑动渐变：

范例

.bar{
显示器：flex；
高度：60vh；
宽度：100vh；
保证金：15vh自动；
}
.bar>div{
保证金：0.2vh；
弹性：1；
背景：线性梯度（90度，#F0，#E0，#F0）0 0/100vh 100%固定；
动画：BG幻灯片6s无限线性
}
@关键帧滑动{
到{
背景位置：100vw 0
}
}
.酒吧：第一个孩子{
边际上限：35vh；
}
.bar：第n个孩子（2）{
边际上限：25vh；
}
.小节：第n个孩子（3）{
边际上限：8vh；
}
.酒吧：最后一个孩子{
边际上限：30vh；
}