CSS Clip Path Generator

چند ضلعی بسازید و مسیرهای کلیپ را با یک پیش نمایش تعاملی شکل دهید. برای شکل های قهرمان و ماسک های تصویر عالی است.

Live

Shape

CSS output

clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

Key capabilities

Text / on-page input

پیش‌نمایش‌های چندلایه بسیار پیچیده ممکن است در تلفن‌های قدیمی‌تر کندتر به نظر برسد.

ژنراتورهای رنگ و CSS به طور کامل در مرورگر شما اجرا می شوند. پیش نمایش ها و تبدیل ها هرگز سبک های شما را آپلود نمی کنند.

هر زمان که نیاز دارید از CSS Clip Path Generator استفاده کنید: چند ضلعی بسازید و مسیرهای کلیپ را با پیش نمایش تعاملی شکل دهید.

CSS رقیب را در صفحه خود بررسی کنید (بازنشانی، رنگ های ارثی). ابتدا قانون تولید شده را در یک stylesheet ایزوله کپی کنید.

خیر. ژنراتورها و مبدل ها در مرورگر شما با پیش نمایش زنده اجرا می شوند.

نه. ابزار را باز کنید، کنترل ها را تغییر دهید و CSS را کپی کنید.