今回のお題は、前回に引き続きanimationプロパティを使う。transitionプロパティよりも細かくつくり込めるので、 動き方を工夫し、 ほかのアニメーションとも組み合わせると、 魅力的な表現に仕上げられる。これからつくるのは、 マウスポインタを重ねると ...

今回のお題は、 ハンバーガーメニューのアニメーションだ。ハンバーガーアイコンをクリックすると、 メニューが右に向けて広がる （サンプル1⁠）⁠。 「⁠CSS Gooey Menu」 のデザインとアニメーションをもとに、 コードは絞り込んでわかりやすく組み立て ...