どうも、KJです。

今回は普段良く使う感じのtransitionを使ったボタン用CSSを４つ程紹介したいと思いますが、
細かい説明は省いてるよ、あいからずん。

最後の１つだけには、jQueryでsettimeoutで時間差でクラスを付与して、
段階的にアニメーションをさせています。
多用すると重くなるので、jQueryを使用する場合はポイントで使った方が良いですかね。

サイト内で汎用的に配置するボタンへのものはtransitionのdurationを使うと良いよね、
CSSでアニメーションさせた方が圧倒的に軽いし。

ほいでは以下に参考のコードを置いておきます。
もし使うのであれば、スタイルのベースとして使ってくださいよ〜

See the Pen
良く使うhoverボタンスタイル by dipcode_kj (@dipcode_kj)
on CodePen.