Question

我正在创建一个网站，我在CSS3中使用了旋转和变换功能。我控制了一切，但是当我旋转文本时，整个文本就像它的<p>块一样旋转。我想要的是旋转文本时，保持文本的左侧垂直对齐。

用文字解释很难，所以我想参考这个网站：Active Theorie

（你可以看到他们将文字旋转到-2度，但保持文本的垂直对齐。）

我希望有人可以帮助我。

Answer 1

您可以使用css“transform：skew”属性例如

.text {
    transform: skew(0,-10deg);
}

或者如果您需要透视图，可以使用“perspective”和“transform：rotateY”属性例如

.parentDiv : {
    perspective: 500px;
}
.text: {
    transform: rotateY(30deg);
}