有没有办法用CSS创建35度角的文本？

Question

或使用CSS控制旋转到特定程度

Answer 1

你可以用transform: rotate(35deg).更多内容来自本文.目前,您还必须添加特定于供应商的内容transforms,例如(文章中的内容):

.rotate35 {
    /* Safari */
    -webkit-transform: rotate(35deg);

    /* Firefox */
    -moz-transform: rotate(35deg);

    /* IE */
    -ms-transform: rotate(35deg);

    /* Opera */
    -o-transform: rotate(35deg);

    /* Standard */
    transform: rotate(35deg);
}

对于需要的旧IE,您可以使用35度角filter.这将适用于IE7和IE8:

filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.81915204, M12=-0.57357644, M21=0.57357644, M22=0.81915204,sizingMethod='auto expand');

但请注意,矩阵变换将为您提供与上面显示的CSS3方式不同的偏移量.您可以通过设置-webkit-transform-originto 来补偿CSS3 left top,或者在IE端通过使用条件样式表或CSS hack定位元素来补偿.

查看我用于生成上述内容的MS文档或酷页面.