ساخت Clip Path

با کشیدن نقاط روی پیش‌نمایش زنده یا اسلایدرهای دایره/بیضی/قاب، مقدار CSS clip-path بسازید و کپی کنید.

شکل

پیش‌تنظیم چندضلعی

نقاط سفید را روی پیش‌نمایش بکشید تا شکل را تغییر دهید.

clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);

ابزار ساخت Clip Path، عناصر و تصاویر را به شکل‌های دلخواه می‌برد و کد CSS می‌دهد. اشکال خلاقانه بدون ویرایش فایل تصویر.

با کشیدن نقاط روی پیش‌نمایش زنده یا اسلایدرهای دایره، بیضی و قاب، شکل برش را بسازید تا مقدار CSS clip-path ساخته و کپی شود.

تابع clip-path به شما اجازه می‌دهد بخش‌هایی از یک عنصر را پنهان کنید و آن را به چندضلعی، دایره یا هر شکل دلخواه دربیاورید.

طراحان و توسعه‌دهندگان فرانت‌اند برای ساخت طرح‌های خلاقانه از این ابزار استفاده می‌کنند. برای ساخت شکل‌های ارگانیک از ساخت بلاب SVG کمک بگیرید.

سوالات متداول

clip-path چیست؟

clip-path ویژگی CSS است که ناحیه‌ی نمایان یک عنصر را تعیین می‌کند و بقیه را پنهان می‌کند تا شکل دلخواه ساخته شود.

آیا clip-path محتوای عنصر را حذف می‌کند؟

خیر، فقط بخشی از آن را پنهان می‌کند؛ محتوا همچنان در صفحه هست اما دیده نمی‌شود.

چه شکل‌هایی می‌توانم بسازم؟

دایره، بیضی، چندضلعی و قاب‌های دلخواه؛ با ویرایش نقاط می‌توانید تقریباً هر شکلی بسازید.