.spinner{width:40px;height:40px;margin:100px auto;position:relative}.cube1,.cube2{background-color:#673ab7;width:15px;height:15px;animation:1.8s ease-in-out infinite spinner-keyframe;position:absolute;top:0;left:0}.cube2{animation-delay:-.9s}@keyframes spinner-keyframe{25%{transform:translate(42px)rotate(-90deg)scale(.5)}50%{transform:translate(42px)translateY(42px)rotate(-179deg)}50.1%{transform:translate(42px)translateY(42px)rotate(-180deg)}75%{transform:translate(0)translateY(42px)rotate(-270deg)scale(.5)}to{transform:rotate(-360deg)}}