1.loader {
2  width: 215px;
3  height: 215px;
4  display: block;
5  margin: auto;
6  position: relative;
7  background: #FFF;
8  box-sizing: border-box;
9  border-radius: 10px;
10}
11
12.loader::after {
13  content: '';
14  width: calc(100% - 30px);
15  height: calc(100% - 30px);
16  top: 15px;
17  left: 15px;
18  position: absolute;
19  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5) 50%, transparent 100%),
20   radial-gradient(circle 50px , #DDD 100%, transparent 0),
21   linear-gradient(#DDD 16px, transparent 0),
22   linear-gradient(#DDD 24px, transparent 0);
23  background-repeat: no-repeat;
24  background-size: 75px 175px, 100% 100px, 80% 16px, 80% 16px;
25  background-position: -185px 0, center 10px, center 125px, center 155px;
26  box-sizing: border-box;
27  animation: animloader 1s linear infinite;
28}
29
30@keyframes animloader {
31  to {
32    background-position: 185px 0, center 10px, center 125px, center 155px;
33  }
34}
35