@charset "UTF-8"; /**************************** loading *************************/ .sp { width: 25px; height: 25px; clear: both; } .sp-circle { width: 40px; height: 40px; margin: auto; border: 5px rgba(0, 0, 0, 0.25) solid; border-top: 5px black solid; border-radius: 50%; -webkit-animation: spCircRot .6s infinite linear; animation: spCircRot .6s infinite linear; } @-webkit-keyframes spCircRot { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @keyframes spCircRot { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }