خط کج در css

سلام
هم با css هم با svg میتونید این طرح رو پیاده کنید , لینک های زیر رو بررسی کنید بهتون کمک میکنه

لینک 1
لینک 2

سلام فکر کنم اسمش skew باشه
https://codepen.io/MKasio/pen/kEypt

بسیار سادس شما به کد زیر نگاه کنید اول تا من توضیح بدم :
https://jsfiddle.net/yfardtjt/3/
دو تا div ساختم بعد بهشون استایل دادم نکته اصلیش اینه که به یه طرف

transform: skewY(20deg);  

و به یه طرف مقابلش

transform: skewY(-20deg);

دادم یه کد رو کپی کنید با skewY ور برید متوجه میشید برای فهم بیشتر میتونید به لینک زیر هم مراجعه کنید
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_transform

سلام اگه منظورتون مثلثها هست که میتونی از سایت استفاده کنی خیلی راحته.
http://apps.eky.hk/css-triangle-generator/