我有一个 <span>
我想旋转。我正在使用 HTML5、CSS3 和 Internet Explorer 9。
我尝试了下面的 CSS,但它不起作用:
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
如何旋转跨度?
最佳答案
-webkit-
和 -moz-
属性分别用于 webkit 浏览器(Chrome、Safari)和 Gecko 浏览器(Firefox)。
您还需要使用 IE 的等效项。
.rotate {
/* Safari, Chrome */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Older versions of IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
transform: rotate(-90deg);
}
关于html - 使用 CSS3/HTML5 旋转文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11026200/