ヘッダーをスティッキーにして少し高さを縮める

　スティッキーヘッダーにして表示させた時、ちょっと高さが縮んでアニメートするやつありますやん？

　あれ、やってみたかったんだけど難しいんすよね。ヘッダー内の左にロゴ、右にバナー置いているのでjqueryでmax-heightを追加して、それをトランジションで動かせばいいんだろうけど、画像縮めたら文字が滲みますやん？

　だから、ヘッダのパディングを０にして、それをアニメートさせる感じで作っちゃったら意外とかっちょいい。

CSSのコードだけメモっておこう。

　動いてるんだワン。