خط کج در css
سلام دوستان
اول از همه بابت عنوان بد معذرت میخوام چون واقعا نمیدونستم چی بنویسم
به عکس زیر یه نگاه بندازید
http://s9.picofile.com/file/8322608184/a.png
همونطور که میبینید قسمت پایین هدر بصورت یه مستطیل معمولی نیست و کج شدست خواستم ببینم اینارو چطوری میسازن کلن اسم این نوع طراحی چی هست
با html&css خالی میسازن یا با جاوااسکریپت
یه توضیح کوچیک هک بدین ممنون میشم خودم پیگیر میشم یادش میگیرم ولی متاسفانه الان حتی اسمش رو هم نمیدونم
با تشکر
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
بسیار سادس شما به کد زیر نگاه کنید اول تا من توضیح بدم :
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/