稍微旋转文字 - 我应该使用CSS还是javascript？ [英] rotating text slightly—should I use css or javascript?

问题描述

我正在尝试像下面一样旋转一段文字：

I'm trying to rotate a block of text slightly like below:

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

Can this be done with css or do I need to use javascript?

推荐答案

你可以使用CSS3的 转换 和过滤器。

You can do it in a cross browser fashion using CSS3's transform, and a filter for IE.

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

这是用于生成跨浏览器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);
}    

这篇关于稍微旋转文字 - 我应该使用CSS还是javascript？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！