javascript - 稍微旋转文本——我应该使用 css 还是 javascript？

Question

我正在尝试旋转一段文本，如下所示:

这可以用 css 来完成还是需要使用 javascript？

Answer 1

您可以使用 CSS3 的 transform 以跨浏览器的方式完成此操作。 ，以及用于 IE 的过滤器。

参见: http://jsfiddle.net/dRQaw/

This is the magical tool used to generate the cross-browser CSS.

<div id="skewed">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu metus nisi. Integer non adipiscing massa. Etiam et diam magna. Mauris sit amet arcu dui, a malesuada erat.</div>

#skewed {
    font: 21px Impact, sans-serif;
    text-align: center;
    background: #ccc
}
#skewed {
     width:             350px;
     height:            140px;

     -moz-transform:    skew(-5deg, -5deg);
     -o-transform:      skew(-5deg, -5deg);
     -webkit-transform: skew(-5deg, -5deg);
     transform:         skew(-5deg, -5deg);
}