درباره این ابزار
یک شکل انتخاب کنید تا بلافاصله یک کادر پیشنمایش با قاعدهی clip-path متناظر برش بخورد، سپس کد CSS آمادهی استفاده را کپی کنید. پیشنمایش بهصورت زنده و کاملاً در مرورگر شما بهروز میشود.
یک عنصر را به شکلهای رایج برش بزنید و کد clip-path CSS را کپی کنید.
فایلها در مرورگرتان پردازش میشوند و هرگز بارگذاری نمیشوند. سایت کد و منابع لازم برای اجرای ابزارها را دریافت میکند. بدون حساب یا ردیاب.
با گزینهٔ دانلود، این ابزار را در یک فایل HTML ذخیره کنید تا آفلاین استفاده شود.
حریم خصوصی →شکل ششضلعی را انتخاب کنید تا clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); به دست آید. هر جفت یک موقعیت x و y درون عنصر است، پس شکل همراه با عرض و ارتفاع عنصر کشیده میشود.
برش بخشی از عنصر را پنهان میکند اما کادر چیدمان آن را نگه میدارد: عناصر کناری جابهجا نمیشوند و گوشههای پنهان دیگر کلیک نمیگیرند. حاشیهها و سایه کادر هم بریده میشوند؛ اگر سایه لازم دارید، فیلتر drop-shadow را روی عنصر دربرگیرنده بگذارید.
یک شکل انتخاب کنید تا بلافاصله یک کادر پیشنمایش با قاعدهی clip-path متناظر برش بخورد، سپس کد CSS آمادهی استفاده را کپی کنید. پیشنمایش بهصورت زنده و کاملاً در مرورگر شما بهروز میشود.