CSS旋轉文本，但保持垂直對齊

我正在創建一個網站，我在CSS3中使用旋轉和變換功能。我掌握了所有的東西，但是當我旋轉我的文本時，整個文本就像它的<p>塊一樣旋轉。我想要的是旋轉我的文字時，保持垂直對齊文本的左側。CSS旋轉文本，但保持垂直對齊

很難用言語來解釋，所以我想提及這個網站：（你可以看到，他們轉動他們的文字像-2度，但要保持其文本的垂直對齊）Active Theorie

我希望這裏有人能幫助我解決這個問題。

2014-09-10 Voltiac

看起來他們使用JavaScript的巨量，以動態生成的一切。 – 2014-09-10 14:15:50

http://stackoverflow.com/questions/8600099/vertically-horizontally-align-text-after-css-rotation可能的重複？ – 2014-09-10 14:27:41

您可以使用css「transform：skew」屬性

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

，或者如果你需要透視圖，則可以使用「透視」和「變換：旋轉Y」屬性例如

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

2014-09-10 15:18:59

這就是我一直在尋找的東西！非常感謝。 – Voltiac 2014-09-10 17:57:09

回答