我正在尝试旋转一段文本,如下所示:
这可以用 css 来完成还是需要使用 javascript?
最佳答案
您可以使用 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);
}
关于javascript - 稍微旋转文本——我应该使用 css 还是 javascript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5984412/