Rumah >hujung hadapan web >html tutorial >css3旋转_html/css_WEB-ITnose

css3旋转_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 11:45:542456semak imbas

 1 <style>  2  .loding{ 3     width:-5px; 4     height:-5px; 5     float:left; 6     font-size:12px; 7     } 8  9  .spin {10     -webkit-transform: rotate(360deg);11     -webkit-animation: spin 1.5s linear infinite; 12  }13  @-webkit-keyframes spin {14      from {-webkit-transform: rotate(360deg);}15      to {-webkit-transform: rotate(0deg);}16  }17  .spin {18      transform: rotate(360deg);19      animation: spin 1.5s linear infinite;20  }21 4 @keyframes spin {22      from {transform: rotate(360deg);}23      to {transform: rotate(0deg);}24  }25     </style> 26 27 <div class='loding spin' >◇</div>

 

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn