body, html {

  width: 100%;

  height: 100%;

  display: flex;

  background: #999;

}

div{

  width:100px;

  height:100px;

  margin: auto;

  background:#fff;

  border-radius:50%;

  box-shadow:

    120px 0px 0 -10px #795548,

    95px 20px 0 0px #607D8B,

    30px 30px 0 -10px green,

    90px -20px 0 0px #FFC107,

    40px -40px 0 10px #2196F3;

  animation: change 6s infinite;

}

​

@keyframes change {

  100% {

      box-shadow:

    120px 0px 0 -10px #fff,

    95px 20px 0 0px #fff,

    30px 30px 0 -10px #fff,

    90px -20px 0 0px #fff,

    40px -40px 0 0px #fff;

  }

}