ボタン１

WEB制作技術の引き出しを増やすため、自分なりにアレンジしたコードをアウトプットすることにしました。

その中でも特に勉強になったコードを紹介します。

コピペで使えるようになっているので、あなたのサイトで使っていただけるとうれしいです。

あくまでデザインの一例にすぎないので、調整してオリジナルのデザインを作ってみてください！

ボタン

ボタンのパターンが多いため、２回に分けて紹介いたします。

おさえておきたいところ

ボタンを使う目的と使いどころはこんな感じです。

       目的：ユーザーにアクションを起こさせる
使いどころ：マウスオーバー / クリック

背景が流れる

くるっと回転

クリックしたら波紋が広がる

無限に波紋が広がる

波紋がふわっと広がる

押し込まれる（円が縮小）

下に押し込まれる&浮き上がる

次回の予定

引き続きボタンを作ってみようと思います＼＼\\٩( ‘ω’ )و //／／