CSSで35度の角度でテキストを作成する方法はありますか？

またはCSSで特定の度合いに回転を制御するCSSで35度の角度でテキストを作成する方法はありますか？

2012-01-09 Grundizer

CSS3変換についての記事を読んでください。 – BoltClock

transform: rotate(35deg)を使用できます。の詳細。現時点では、インスタンスのために（記事からカンニング）ので、ベンダー固有のtransforms同様に追加する必要があります。

.rotate35 { 
    /* Safari */ 
    -webkit-transform: rotate(35deg); 

    /* Firefox */ 
    -moz-transform: rotate(35deg); 

    /* IE */ 
    -ms-transform: rotate(35deg); 

    /* Opera */ 
    -o-transform: rotate(35deg); 

    /* Standard */ 
    transform: rotate(35deg); 
}

あなたはfilterが必要な古いIEのために35度の角度を行うことができます。これはIE7とIE8で動作します。しかし

filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.81915204, M12=-0.57357644, M21=0.57357644, M22=0.81915204,sizingMethod='auto expand');

注意を、マトリックス変換は、上記のようCSS3の方法よりも、異なるオフセットであなたを残すこと。 -webkit-transform-originをleft topに設定するか、条件付きスタイルシートまたはCSSハックを使用して要素を配置することで、IE側でCSS3側を補正できます。

MS docsまたはcool page I usedを参照して上記を生成してください。

出典

2012-01-09 14:11:27

また、デフォルトのCSSプロパティ "transform"を追加する必要があります – Dion

@ DRP96：編集とコメントを重ねていただきありがとうございます。記事のコピー＆ペースト（-90〜35）標準的なものはどこですか？ :-) –

これをチェックする：http://www.w3.org/TR/2011/WD-css3-2d-transforms-20111215、より具体的には回転（角度）機能。

これはCSS3でのみ動作することに注意してください。

出典

2012-01-09 14:11:51

CSS3はありますが、「クロスブラウザ」のサポートにはもちろん問題があります。しかし、CSS3では短い答えです。

例リンク：ほぼすべてのブラウザのためhttp://www.thecssninja.com/css/real-text-rotation-with-css

出典

2012-01-09 14:11:54 Jakub

使用

-webkit-transform:rotate(35deg); 
-moz-transform:rotate(35deg); 
transform:rotate(35deg);

。

出典

2012-01-09 14:12:49 Dion

CSSで35度の角度でテキストを作成する方法はありますか？

答えて

関連する問題