Webデザイン2: CSSでButtonの”押した感”を出す方法

こんにちは。KOUKIです。

表題の通り、CSSのスタイルのみで、Buttonの押した感を出す方法について記事にしました。デモ用のボタンを以下に設置しています。

Discover our tours


カーソルをボタンの上に置いたり、ボタンを押してみたりしてください。

ソースコード

ソースコードは以下の通りです。

パラメータを変えれば、色々なボタンを作成することが可能です!

終わりに

CSSは面白いですよね^^

もっとたくさん、ストックを蓄えたいと思います!

関連記事