ボタンの見本 ぼたん
ボタンの仕組み ぼたん
  • 元に戻す
    aの中にボタン画像(img)、aタグの背景にhover時の画像を指定
  • 視点を変えてみるとこんな感じ
    background-imageの上にimgがのっかっている状態
  • hover時 実はこうなっている
    a:hover時のimgタグが透明になりbackground-imageが見える(サンプルは意図的に半透明)
※ボタンを押すと仕組みが見える!?