我正在尝试旋转一段文本,如下所示:
这可以用 css 来完成还是需要使用 javascript?
您可以使用 CSS3 以跨浏览器的方式做到这一点transform https://developer.mozilla.org/en/CSS/-moz-transform, and a filter
for IE.
See: http://jsfiddle.net/dRQaw/ http://jsfiddle.net/dRQaw/
这是用来生成跨浏览器CSS的神奇工具。 http://www.useragentman.com/IETransformsTranslator/index.html
<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);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)