5-1-1 CSS Transitionsの基本

マウスオーバーとマウスアウトともにアニメーション

マウスオーバーのみアニメーション

クリックでアニメーションを開始（class属性操作）

クリックでアニメーションを開始（インラインスタイル操作）