在CSS3中，我們可以使用transform屬性來實現(xiàn)圖片轉圈的效果，以下是一個簡單的示例代碼：

.img-rotate {
  /* 定義一個動畫名稱 */
  animation-name: rotate-animation;
  /* 設置動畫持續(xù)時間 */
  animation-duration: 2s;
  /* 設置動畫延遲時間 */
  animation-delay: 0s;
  /* 設置動畫填充模式 */
  animation-fill-mode: forwards;
}
@keyframes rotate-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

在HTML中，我們可以這樣應用這個動畫：

<img class="img-rotate" src="image.jpg" alt="旋轉的圖片">

這個代碼將會使圖片在2秒內完成一圈的旋轉。transform: rotate(360deg)會將圖片旋轉360度，也就是一圈，你可以根據(jù)需要調整動畫的持續(xù)時間、延遲時間以及填充模式。

注意：這段代碼在大多數(shù)現(xiàn)代瀏覽器中都可以運行，但在一些老舊的瀏覽器版本中可能無法正常工作，為了獲得***佳的兼容性，建議你在生產(chǎn)環(huán)境中使用自動前綴添加工具，如PostCSS的autoprefixer插件。