如何制作带有斜线而不是字母的文字？

Question

我在HTML/CSS中有一个偏斜的文本.像这样:(http://jsfiddle.net/UPeYT/)

p {
    -webkit-transform: skew(-8deg);
-moz-transform: skew(-8deg);
-o-transform: skew(-8deg);
transform: skew(-8deg);
}

我希望文本的对齐方式有所偏差,但这些文字本身并不是斜体.我该怎么办？

Answer 1

我已经构建了我需要的东西，但我不确定它是否正是您需要的。本质上，我正在取一个段落，倾斜它，然后将每个单词分成它自己的跨度，并反转倾斜。我确信这对于重画的性能来说是可怕的。

小提琴

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<words.length;i++){
        if (words[i]!='') {
            $('p').append('<span>'+words[i]+'</span> ');
        }
    }
});

HTML 只是一个带有任何内容的 P 标签。