E
単語の文字をミラーリングしたかったWEBLOG
ので、CSS変換プロパティを使用しましたが、テキストをスパン内にラップすると機能しませんが、assingdisplay: inline-block;
またはdisplay: block;
では、変換はインライン要素には適用されませんか?
例1(変換の失敗)
<h1>W<span>E</span>BLOG</h1>
h1 span {
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
}
例2(使用する場合は機能するdisplay: block
ORdisplay: inline-block
)