طرح header نمونه رو چجوری باید پیاده سازیش کنم؟؟(کج شدن خطوط توسط CSS )

[sahel65]

سلام؛
دوستان یه header برای بخشهای مختلف یه سایت وجود داره که همشون دارن از این طرح الگو میگیرن؛ ببینید:


134805


چجوری و یا احیانا از چه سایتهایی برای ساخت همچین طرحی باید کمک بگیرم؟؟
متشکرم.

[dreadful]

راحت تره كه اون ذوزنقه بالاييه رو با عكس درست كني و خط پايينه رو با css ولي اگه مي خواي خفن بازي در اري شكل رو ٣ قسمت كن اول كه اون مربع كه نوشته روشه كه اسونه بعد يه مثلث سمت راست اون مستطيله كه تبديلش ميكنه به ذوزنقه كه اينجا رو ببين
https://css-tricks.com/examples/ShapesOfCSS/
تا بفهمي چي به چيه ،اگه نفهميدي هم اشكال نداره ، كپي كن !😂
بعدش يهدونه خط داري كه اون زيره !
موفق باشي عزيز 😘

[sahel65]

دوست عزیز کد همون شکل رو هم پیدا کردم؛ ببینید:
#trapezoid {
height: 0;
width: 120px;
border-bottom: 100px solid #05ed08;
border-left: 15px solid #05ed08;
border-right: 45px solid transparent;
padding-right: 20px;
}