.opposites{position:relative;width:60px;height:60px;z-index:555}.opposites{animation:opposites 2.5s ease-out 0s infinite}.tl,.tr,.br,.bl{width:30px;height:30px;position:absolute}.tl,.tr{top:0}.tr,.br{left:30px}.tl,.br{animation:tlbr 2.5s ease-out 0s infinite}.br,.bl{top:30px}.tl,.bl{left:0}.tr,.bl{animation:trbl 2.5s ease-out 0s infinite}.tl{background:#f00;transform-origin:bottom right}.tr{background:#008000;transform-origin:bottom left}.br{background:#1e90ff;transform-origin:top left}.bl{background:#ffd700;transform-origin:top right}@keyframes tlbr{0%{transform:rotate(0)}20%{transform:rotate(90deg)}40%{transform:rotate(90deg)}60%{transform:rotate(0)}}@keyframes trbl{20%{transform:rotate(0)}40%{transform:rotate(90deg)}60%{transform:rotate(90deg)}80%{transform:rotate(0)}}@keyframes opposites{80%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}