UTILS.
حریم خصوصی از ابتدا
◇

تولیدکننده clip-path در CSS

یک عنصر را به شکل‌های رایج برش بزنید و کد clip-path CSS را کپی کنید.

فایل‌هایتان در همین دستگاه می‌مانند

فایل‌ها در مرورگرتان پردازش می‌شوند و هرگز بارگذاری نمی‌شوند. سایت کد و منابع لازم برای اجرای ابزارها را دریافت می‌کند. بدون حساب یا ردیاب.

با گزینهٔ دانلود، این ابزار را در یک فایل HTML ذخیره کنید تا آفلاین استفاده شود.

حریم خصوصی →

درباره این ابزار

یک شکل انتخاب کنید تا بلافاصله یک کادر پیش‌نمایش با قاعده‌ی clip-path متناظر برش بخورد، سپس کد CSS آماده‌ی استفاده را کپی کنید. پیش‌نمایش به‌صورت زنده و کاملاً در مرورگر شما به‌روز می‌شود.

پرسش‌های پرتکرار

clip-path‌های چندضلعی چگونه کار می‌کنند؟
هر نقطه یک جفت درصد x y نسبت به کادر است؛ مرورگر آن‌ها را به ترتیب به هم وصل می‌کند و فقط ناحیه‌ی داخل خط دور را نمایش می‌دهد.
آیا همه‌ی مرورگرها از clip-path پشتیبانی می‌کنند؟
شکل‌های چندضلعی، دایره، بیضی و inset در هر مرورگر مدرنی پشتیبانی می‌شوند، بنابراین CSS تولیدشده بدون پیشوند کار می‌کند.

ابزارهای بیشتر