在圆div内旋转(360度)文本选框动画

我只是想问一下div中是否可以使用旋转文本?

 div{ -moz-border-radius: 50px/50px; -webkit-border-radius: 50px 50px; border-radius: 80px/80px;; border:solid 21px #f00; width:100px; height:100px; }  
this will rotate 360 deg like marquee

谢谢

看看这个小提琴 。 但是,您必须正确对齐文本(这取决于您的一般布局方式。)

CSS:

 div{ -moz-border-radius: 50px/50px; -webkit-border-radius: 50px 50px; border-radius: 80px/80px;; border:solid 21px #f00; width:100px; height:100px; -webkit-animation: rotation 2s linear infinite; -moz-animation: rotation 2s linear infinite; -ms-animation: rotation 2s linear infinite; } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotation { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes rotation { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } }