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

Author

文雄 野中

Summary

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

近年ではCSS3の実装が進み、ウェブサイトのインターフェイスでさまざまなアニメーション表現ができるようになりました。魅力的なインターフェイスがJavaScriptコードを書かずにCSSだけで作れるのです。ここで大切なのがCSSプロパティの組み合わせやアニメーションの細かな設定です。このコースではチャプターごとに具体的な作例を採り上げ、実際にコードを書きながらCSSの構文やその使い方、設定の工夫などについて順を追って解説します。扱う作例は画像の3次元の回転やボタンが弾むようなアニメーションなどです。このコースで学んだCSSアニメーションを使って、魅力的なインターフェイスを作ってみましょう。