我在HTML / CSS中有一个偏斜的文本.
像这样：(http://jsfiddle.net/UPeYT/)
p {
-webkit-transform: skew(-8deg);
-moz-transform: skew(-8deg);
-o-transform: skew(-8deg);
transform: skew(-8deg);
}
我希望文本的对齐方式有所偏差,但这些文字本身并不是斜体.我该怎么办？
最佳答案
我已经构建了我需要的东西,但我不确定它是否正是你所需要的.本质上我是采用一个段落,倾斜它,然后将每个单词分成它自己的跨度,并且倾斜相反.我确信这对于重新粉刷的表现来说是可怕的.
CSS：
span {
-webkit-transform: skew(-18deg);
-moz-transform: skew(-18deg);
-o-transform: skew(-18deg);
transform: skew(-18deg);
display: inline-block;
position: relative;
}
p {
-webkit-transform: skew(18deg);
-moz-transform: skew(18deg);
-o-transform: skew(18deg);
transform: skew(18deg);
padding:30px;
}
javascript(使用jquery)：
$(document).ready(function(){
var words = $('p').text().split(' ');
$('p').empty();
for (var i=0;i