■CSSのtransformで簡単画像変換（１）：左右反転（scale）

　CSS（Cascading Style Sheets）のtransform機能を使用すると、画像に対して容易に下記に示すような各種変換を施すことができます。

（１）左右反転
（２）上下反転
（３）回転
　・
　・
　ここでは、（１）の左右反転の例を示します。

　・指定方法：　　＜img style="transform: scale(-1, 1);" src=・・・＞

　　　　　　　　　scale(x, y)の引数は順にX方向、Y方向の拡大率

　（元画像）
　

　（左右反転画像）
　

ホーム