骨架屏css样式

.chiaroscuro {
    background: #f2f2f2;
    animation-duration: 1.5s;
    animation-name: blink;
    animation-iteration-count: infinite;
}
 
@keyframes blink {
    0% {
        opacity: .4;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .4;
    }
}
 
@keyframes flush {
    0% {
        left: -100%;
    }
 
    50% {
        left: 0;
    }
 
    100% {
        left: 100%;
    }
}

使用时添加上类名chiaroscuro，动画时间duration及线条框背景颜色自己可以调整