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

css3旋转_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:45:54
asal
2461 orang telah melayarinya

 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>
Salin selepas log masuk

 

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan