CSS3 アニメーションを使ったインターフェイスを作ろう

Author

文雄 野中

Summary

近年ではCSS3の実装が進み、ウェブサイトのインターフェイスでさまざまなアニメーションがJavaScriptのコードなしにCSSだけで作れるようになりました。このコースでは3次元で回転するメニューや画像の切り替え効果など具体的な作例をチャプターごとに採り上げ、実際にコードを書きながらCSSの構文やその使い方について順を追って解説します。

近年ではCSS3の実装が進み、ウェブサイトのインターフェイスでさまざまなアニメーションが表現できるようになりました。それはつまり魅力的なインターフェイスがJavaScriptコードを書くことなしにCSSだけで作れるということです。このコースではチャプターごとに具体的なインターフェイスの作例を採り上げ、実際にコードを書きながらCSSの構文やその使い方について順を追って解説します。扱う作例は3次元で回転するメニューや画像とキャプションのアニメーション、画像の切り替え効果などです。ぜひCSSアニメーションを使って、魅力的なインターフェイスを作ってみてください。