【HTML/CSS】複雑なシェイプをコーディングする方法！

普通のCSSの指定だけでは実装が難しい、複雑なシェイプってありますよね🤔
今回、複雑なシェイプをジェネレーターを使って実装する方法について紹介しています🥳♪

🎥 この動画の構成 🎥
00:00　コーディングするシェイプについて
00:30　Figmaでシェイプを作成する
01:44　普通に実装するのが難しいポイント
02:45　レスポンシブもOK！
03:30　コーディング開始
04:26　シェイプを実装する（ジェネレーター）
08:33　実装結果
09:40　レスポンシブ実装方法
11:08　背景画像も設定可能
11:37　別パターンのシェイプ

※10:43　clip-pathプロパティで曲線が指定できないといっていますが、polygon()の誤りです🙇
🔗 今回紹介したジェネレーター
https://www.plantcss.com/css-clip-path-converter
✏️✏️✏️ヒロコードが直接指導のWebデザインスクール 🥳✨
「ヒロコードアカデミー」はこちら👇
https://lp.hirocodeweb.com/
✅ ご視聴いただきありがとうございます🙇‍♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️
👇『HIROCODE.ヒロコード』をチャンネル登録する 👇
http://www.youtube.com/hirocode?sub_confirmation=1

#htmlcss #Figma #webデザイン

Видео 【HTML/CSS】複雑なシェイプをコーディングする方法！ канала HIROCODE.ヒロコード