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

今回のお題はサンプル1のアコーディオンメニューだ。マウスポインタをメニュー項目に重ねると、 サブメニューが広がる。また、 サブメニュー項目は、 マウスポインタの動きに応じてハイライトする。 「⁠アコーディオンメニュー」 をネットで検索する ...

フランスの建築事務所のWebサイト。 随所に使用されているアニメーション 美しい建築写真が、存在感のあるタイポグラフィとともに目に飛び込んでくるサイト「Studio Songes（ステュディオ・ソンジュ：スタジオ夢）」。ダイナミックなページ全体の動きに ...

画像のCSSスタイルをアニメーションで変化させることによって、メニューにFlashのような効果を与える方法を解説しよう。アニメーションにはjQueryの機能を利用する。 今回のサンプルは、HTMLファイル、外部CSSファイル、 外部JSファイルで構成されている【1-1 ...