برایم یک قهوه بخرید
طراحی

تولید clip-path در CSS

ساخت بصری شکل‌های clip-path با نقاط کشیدنی روی دستگاه شما اجرا می‌شود — چیزی آپلود نمی‌شود و چیزی ذخیره نمی‌شود.

1
X50%
Y0%
2
X100%
Y100%
3
X0%
Y100%
CSS تولیدشده
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
شکل‌های آماده

روی هر شکل کلیک کنید تا به‌صورت یک چندضلعی قابل ویرایش بارگذاری شود.

درباره تولید clip-path در CSS

ساخت بصری شکل‌های clip-path با نقاط کشیدنی

تولید clip-path در CSS ابزاری رایگان در دستهٔ «طراحی و بصری» در BrowseryTools است. این ابزار کاملاً در مرورگر شما اجرا می‌شود: هرچه به آن بدهید روی دستگاه خودتان پردازش می‌شود و هرگز روی سروری آپلود نمی‌شود. نه ثبت‌نامی لازم است، نه تبلیغی هست و نه واترمارکی؛ و پس از بارگذاری صفحه، بدون اتصال هم به کار خود ادامه می‌دهد.