javascript transformを設定して画像を回転させる

javascript transformを設定して画像を回転させる

javascriptで、CSS3のtransformを設定して画像を回転させるサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

style.transform使い方

transform関数を指定して、使用します。

style.transform使い方

transform関数 サンプル

サンプルコード

以下は、ボタンをクリックすると時計回りに画像が90度、-90度回転するサンプルコードとなります。

※cssには「uikit」を使用してます。

画像が回転できていることが確認できます。