css 코드

/* 검정 배경 */
div.mdiv {
  width: 64px;
  height: 64px;
  padding: 16px 16px 16px 16px;
  background-color: #000000;
}

/* 회전하는 바퀴 */
img.lwheel {
  -webkit-animation: spin 1s infinite linear;
     -moz-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

/* 키프레임 (크롬, 사파리, 오페라) */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

/* 키프레임 (모질라) */
@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}

/* 키프레임 (표준) */
@keyframes spin {
    0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

HTML

<div class="mdiv">
  <img class="lwheel" src="loadingwheel.png" />
</div>