Menu
Coddy logo textTech
コース

3Dカード | フロントエンドプロジェクト

このプロジェクトでは、自分自身で3Dカードのデザインを構築します!

シラバス

5 31 レッスン4 プロジェクト

はじめに

1 レッスン
  • 01何を作るのか?

HTML

プロジェクト8 レッスン
  • 01タイトルと外枠
  • 02Div セクション
  • 03Span 要素
  • 04コンテンツ
  • 05ボトム - I
  • 06ボトム - II
  • 07SVG の追加
  • 08「もっと見る」オプション

CSS - I

プロジェクト9 レッスン
  • 01ユニバーサルタグ
  • 02Bodyタグ
  • 03クラス 'parent'
  • 04クラス 'card'
  • 05クラス 'glass'
  • 06クラス 'content'
  • 07見出しのタイトル
  • 08クラス 'text'
  • 09クラス 'bottom'

CSS - II

プロジェクト6 レッスン
  • 01クラス 'view-more'
  • 02クラス 'view-more-button'
  • 03クラス 'svg'
  • 04'social-buttons-container'
  • 05クラス 'social-button'
  • 06クラス 'logo'

CSS - III

プロジェクト7 レッスン
  • 01クラス 'circle'
  • 02クラス 'circle1'
  • 03クラス 'circle2'
  • 04クラス 'circle3'
  • 05クラス 'circle4'
  • 06ホバーエフェクト - I
  • 07ホバーエフェクト - II

おすすめの関連コース

よくある質問

3Dカード | フロントエンドプロジェクトにはレッスンがいくつありますか?

3Dカード | フロントエンドプロジェクトには31のインタラクティブなレッスンがあり、自分のペースで進められます。

3Dカード | フロントエンドプロジェクトでは何を学べますか?

コースは次の章で構成されています: はじめに, HTML, CSS - I, CSS - II, and more。

3Dカード | フロントエンドプロジェクトは無料ですか?

はい - Coddyのすべてのコースは無料で開始できます。レッスンはブラウザで進められ、ダウンロードも登録も不要です。
Coddy programming languages illustration

3Dカード | フロントエンドプロジェクトを無料で始める

始める