稍微旋转文字 - 我应该使用CSS还是javascript？

本文介绍了稍微旋转文字 - 我应该使用CSS还是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.

参见：

<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？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！