新たに始まった連載 「CSS3アニメーションでつくるインターフェイス表現」 では、 CSS3によるアニメーション表現を紹介していきたい。その中でも、 幅広い読者に応用してもらえるだろうインターフェイスをおもなお題とする。CSS3が充実し、 ブラウザの ...

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

それでは、CSSボタンの基本について簡単に復習していきます。 最初にCSSボタンの基本を3つ よいボタンの定義は、さまざまなWebサイトで主観的に書かれていますが、次のような非技術的な基準があります。 アクセス性 － もっとも重要な点です。