UTILS.
۱۰۰٪ در مرورگر

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

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

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

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

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

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

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