プロジェクト の CSS スキルツリー

西天への西遊

初級

このプロジェクトでは、CSS を使ってアニメーションシーケンスを作成する方法を学びます。このプロジェクトは、仏典を求めて西天へ旅に出る弟子たちの物語に基づいています。しかし、彼らは途中で悪魔によって動けなくされ、トムというキャラクターが CSS を使って彼らを救い、弟子たちは西への旅を続けることができました。

cssweb-development

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

このプロジェクトでは、CSS を使ってアニメーションシーケンスを作成する方法を学びます。このプロジェクトは、西天竺への仏典求めの旅に出た一群の弟子たちの物語に基づいています。しかし、彼らは途中で悪魔にとらわれ、トムというキャラクターが CSS を使って彼らを救い、弟子たちが西への旅を続けることができるようになりました。

👀 プレビュー

CSS アニメーション化された弟子たちの旅

🎯 タスク

このプロジェクトでは、以下を学びます。

  • シーン内のキャラクターのアニメーションフレームを設定する方法
  • 各キャラクターのアニメーションキーフレームを定義して、動きの錯覚を作り出す方法
  • アニメーションを無限にループさせて、連続したシームレスなアニメーションを作成する方法

🏆 成果

このプロジェクトを完了すると、以下のことができるようになります。

  • CSS アニメーションを使って、ダイナミックで魅力的なビジュアルエフェクトを作成する
  • 複数のアニメーションを調整して、まとまりのある同期したアニメーションシーケンスを作成する
  • アニメーションのパフォーマンスと応答性を最適化する

講師

labby
Labby
Labby is the LabEx teacher.