.container{justify-content:center;align-items:center;width:200px;height:200px;display:flex}.square{background:#ffffff80;border-radius:10px;width:8px;height:30px;animation:2.5s infinite turn;display:block}.top{position:absolute;top:50%;left:50%;transform:rotate(90deg)}.bottom{position:absolute;top:50%;left:50%;transform:rotate(-90deg)}.left{position:absolute;top:50%;left:50%}.right{position:absolute;top:50%;left:50%;transform:rotate(-180deg)}@-webkit-keyframes turn{0%{transform:translate(0)translateY(0)rotate(0)}50%{transform:translate(400%)translateY(100%)rotate(90deg)}to{transform:translate(0)translateY(0)rotate(0)}}@keyframes turn{0%{transform:translate(0)translateY(0)rotate(0)}70%{transform:translate(400%)translateY(100%)rotate(90deg)}to{transform:translate(0)translateY(0)rotate(0)}}