CSSで作る押したった感のあるボタン風リンク

CSSで押したった感のあるボタン風リンク

アバター
GIRL

リンクをテキストリンクではなくボタン風にしたい!

アバター
GIRL

それだけでなくボタンを押したような動きが欲しい!

アバター
ME

そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きをつけるボタンを作れますよ!

HTML

CSS

サンプル

See the Pen
押したった感のあるボタン
by kosaeru (@kosaeru)
on CodePen.

まとめ

アバター
ME

どうしょうか?ソースコードも少ないので使いやすいですよ。

RELATED POSTS