CSS3 线性渐变循环动画

CSS3 线性渐变循环动画

最近开发，遇到一个首屏加载优化的情况，需要如下图的线性渐变动画：

网页动态效果

（http://htmlpreview.github.io/?https://github.com/tangxiaolang101/imageView/blob/master/gradientAnimation.html）

代码如下：

1. // css file

2. .loading-list-wrap {

3. padding: 24px 0 0 24px;

4. }

5.

6. .loading-list-wrap .loading-item {

7. display: flex;

8. flex-direction: row;

9. margin-bottom: 40px;

10. }

11.

12. .loading-list-wrap .file-temp {

13. width: 82px;

14. height: 82px;

15. margin-right: 20px;

16. }

17.