その1: img 画像を回転させる - rotate

transform: rotate(角度deg); を指定します。

下: 元の画像 : arrow1.svg

下: transform: rotate(45deg)

下: transform: rotate(90deg)

下: transform: rotate(180deg)

下: transform: rotate(270deg)

その2: img 画像を拡大・縮小する - scale

transform: scale( 横方向の倍率, 縦方向の倍率); を指定します。

下: 元の画像 : arrow1.svg

下: transform: scale(2, 1); 横(X)方向を 2倍に拡大

下: transform: scale(1, 2); 縦(Y)方向を 2倍に拡大

下: transform: scale(2, 0.5); 横(X)方向を 2倍に拡大、縦(Y)方向を 0.5倍に縮小

(2023/09-2024/04)
動作     : Edge120