0

-webkit-transformを使用してdivを垂直に反転していますが、問題はdiv内のテキストも反転することです... divを反転するにはどうすればよいですか?テキストは反転しませんか?

これが私のHTMLです

<div>
    <ul>
        <li>Primer elemento</li>
        <li>Segundo elemento</li>
    </ul>
</div>​

これが私のCSSです

div {
    background: lightblue;
    padding-left: 150px;
    -webkit-transform: scaleX(-1);  
    -moz-transform: scaleX(-1);
}

そして、これが私のjsfiddleです:http://jsfiddle.net/uTGXx/

4

1 に答える 1

3

次のように、テキストを別のdiv内に配置します。

<div class="flipped">
    <div class="flipped">
    <ul>
        <li>Primer elemento</li>
        <li>Segundo elemento</li>
    </ul>
    </div>
</div>​

どこ

div.flipped {
    background: lightblue;
    padding-left: 150px;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
}

http://jsfiddle.net/uTGXx/2/を参照してください。

于 2012-10-25T19:47:56.290 に答える