0

transformを使って回転するパネルを作ってみる

transform-rotate

CSSのtransformを使用してクルっと回転するパネル風ボタンを作ってみます。

 

デモサンプル

 

1.HTMLを記述

 2.CSSを記述

 ボタンにマウスオーバーすると、クルっと回転します。

 

デモサンプル1

 

▼ボタンを複数個並べた場合

1.HTMLを記述

 

デモサンプル2

 

 以上です。簡単ですね。

 




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

mororeco > CSS > transformを使って回転するパネルを作ってみる