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

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

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

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

最佳答案

我已经构建了我需要的东西,但我不确定它是否正是你所需要的.本质上我是采用一个段落,倾斜它,然后将每个单词分成它自己的跨度,并且倾斜相反.我确信这对于重新粉刷的表现来说是可怕的.

fiddle

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

HTML只是一个包含任何内容的P标签.

原文地址：https://www.jb51.cc/css/427542.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。