2

画像を反転させてから、css を使用して回転させようとしました。

これはページです

<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title> Mounts </title>
        <style type="text/css">
            img {
                -webkit-transform: rotate(180deg);
                -webkit-transform: scaleX(-1);
            }
        </style>
    </head>
    <body>
        <img src='1.jpg'>
    </body>
</html>

しかし、変換機能の 1 つがクロムに​​よって無効にされました。

複数の変換関数を使用することは違法ですか?

4

3 に答える 3

3

これらを 1 つのステートメントに組み合わせることができます。

transform: rotate(180deg) scaleX(-1);

または、マトリックス プロパティを使用することもできます: http://www.w3schools.com/css3/css3_2dtransforms.asp

次のようなコードのジェネレーターもあります。 http://www.css3maker.com/css3-transform.html

于 2013-08-13T22:48:55.450 に答える