クリック感のあるボタン 簡易バージョン
パソコンのみの動きですけど
クリック感が生まれるようにCSSとか作ってみた。
CSS
.btn { color: #ffffff; font-size: 15px; background: #d93434; padding: 5px 20px 4px 20px; text-decoration: none; border-bottom: 2px solid #b71c1c; } .btn:hover { background: #e57373; border-bottom: 2px solid #b71c1c; } .btn:active { border-bottom: 0px; }
HTML
< a href="#" class="btn">test</a>
hoverとactiveでそれぞれボーダーボトムの大きさ変えてあげるだけでも
なんか押した感が出ていいんじゃないですかね。。。
と、なんとなくメモ
実際の動きはこっちでみてねっと。
codepen.io