読者です 読者をやめる 読者になる 読者になる

Test!

写真とWebデザインと時たまダイエット

クリック感のあるボタン 簡易バージョン

パソコンのみの動きですけど
クリック感が生まれるように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