@keyframes rotate { from { transform: rotate( 0deg ); } to { transform: rotate( 360deg ); } } @-webkit-keyframes rotate { from { -webkit-transform: rotate( 0deg ); } to { -webkit-transform: rotate( 360deg ); } } .loading { -webkit-animation-name: rotate; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: rotate; animation-duration: 0.5s; animation-iteration-count: infinite; animation-timing-function: linear; }