技術評論社

第15回 ハンバーガーメニューの アニメーション

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

第3回 選択項目以外が ぼける メニュー

今回のお題は、 サンプル1のように項目を並べたメニューだ。マウスポインタをメニュー項目に重ねると、 他の項目のテキストがぼける。また、 ポインタを重ねたメニュー項目は浮き上がったり、 マウスボタンを押すと凹むようにアニメーションする。
Wired

Quickly Create CSS 3 Animations with 'Ceaser'

CSS 3 has some awesome new animation capabilities for web developers – rotating objects, fading them in and out and more – but writing the code is a bit more complicated than most CSS rules. To make ...
ASCII.jp

CSS3 AnimationsとJSの連携でキャラクターを制御 (1/3)

HTML5 CanvasやWebSocketなどの最新技術を駆使して作ったiPhone 4用ブラウザーゲーム「Handy Stadium」の裏側を解説する本連載も、今回で最終回（連載バックナンバー）。今回は、CSSアニメーションを中心としたフロントエンドの実装について解説します。 Handy Stadium ...
Wired

The Solar System, Rendered in CSS and HTML

A web developer named Alex Giron has created a working model of the solar system using only web standards. It's fully animated – though Alex takes advantage of some new CSS 3 features (border-radius, ...