稍微旋转文字

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

参见： jsfiddle/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); }