クリックするとペコっとへこむボタン

グラデーションを使って立体感を出しています。linear-gradientの変化に対してはtransitionが効かないみたいなので、アニメーションにはなりませんでした。

ナビゲーションバーではあまり使わないかもしれませんが、並べることはあるかも知れないので、リストタグで作っています。コピー&ペーストでご自由にお使いください。