css實現圖片360度旋轉

1.圖片效果(不能上傳視頻,只能截圖了)

 2.css代碼

<template>
    <div calss="testImg">
      <div class="roundImg"></div>
    </div>
</template>

<style>
    .roundImg{
      width: 66%;
      height: 66%;
      position: absolute;
      top: 22%;
      left: 2%;
      z-index: 1;
      background:url("../../../assets/images/danger/dangerBg2.svg") no-repeat center center;
      background-size: contain;
      -webkit-animation: round_animate 5s linear infinite;
      animation: round_animate 5s linear infinite; 
    }
    @keyframes round_animate {
      to {
 transform: rotate(1turn); 23       }
    }
</style>

  提示: