■CSSのtransformで簡単画像変換(3):回転(rotate)

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

(1)左右反転
(2)上下反転
(3)回転
 ・
 ・
 ここでは、(3)の回転の例を示します。

 ・指定方法: 画像左上を中心に8度回転
       style="transform: rotate(5deg);transform-origin:left top;"

 (元画像)
 

 (8度回転画像)
 

ホーム