hoverで沈む立体的なボタン

• 角丸

• 角丸

  ボタンリンク
  HTML<a href="" class="btn">ボタンリンク</a> CSS.btn { display: inline-block; padding: .75em 2em; color: #fff; text-decoration: none; background: #a260bf; box-shadow: 0 .25em 0 #8642a4; border-radius: 2em; transition: all ease .3s;} .btn:hover { transform: translateY(.25em); box-shadow: none;}

一覧に戻る