Maison >interface Web >tutoriel HTML >css3旋转_html/css_WEB-ITnose
css3旋转_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:45:542456parcourir
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>
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：【CSS3】-颜色RGBA及渐变色_html/css_WEB-ITnoseArticle suivant：html空格的多种形式_html/css_WEB-ITnose