プロジェクト in CSS Skill Tree

木質テクスチャを用いたクリエイティブなビルボードデザイン

初級

このプロジェクトでは、「幻想の谷」の歴史と「夢の湾」の繁栄を融合したクリエイティブなビルボードデザインの作成方法を学びます。木質テクスチャの背景と傾いた上部の看板を使ってビルボードをスタイリングする方法を学び、通行人に魅力的な芸術的体験を提供します。

HTMLCSS

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

はじめに

このプロジェクトでは、「空想の谷」の歴史と「夢の湾」の繁栄を融合させたクリエイティブな看板デザインを作成する方法を学びます。木目の背景と傾いた上部の看板で看板をスタイリッシュにする方法を学び、通行人に魅力的な芸術的な体験を与えます。

👀 プレビュー

完成した看板デザインのプレビュー

🎯 タスク

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

  • 看板要素の境界半径と背景画像を設定する方法
  • 上部の角を丸くし、上部の看板要素を傾ける方法

🏆 成果

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

  • border-radiustransform のようなCSSプロパティを使って、独自のデザイン要素を作成する
  • 背景画像を組み込んで、ウェブデザインの全体的な美意識を高める
  • デザイン要素を組み合わせて、統一感のある視覚的に魅力的なレイアウトを作成する

講師

labby

Labby

Labby is the LabEx teacher.