.loader{width:50px;height:50px;animation:2s infinite rotate}.loader:before,.loader:after{content:"";border-radius:50%;width:20px;height:20px;display:block}.loader:before{background-color:#fff;margin-bottom:10px;animation:2s infinite ball1;box-shadow:30px 0 #fff}.loader:after{background-color:#fff;animation:2s infinite ball2;box-shadow:30px 0 #fff}@keyframes rotate{0%{-webkit-transform:rotate(0)scale(.8);-moz-transform:rotate(0)scale(.8)}50%{-webkit-transform:rotate(360deg)scale(1.2);-moz-transform:rotate(360deg)scale(1.2)}to{-webkit-transform:rotate(720deg)scale(.8);-moz-transform:rotate(720deg)scale(.8)}}@keyframes ball1{0%{box-shadow:30px 0 #fff}50%{margin-bottom:0;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px);box-shadow:0 0 #fff}to{margin-bottom:10px;box-shadow:30px 0 #fff}}@keyframes ball2{0%{box-shadow:30px 0 #fff}50%{margin-top:-20px;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px);box-shadow:0 0 #fff}to{margin-top:0;box-shadow:30px 0 #fff}}