مولّد CSS Clip Path

مولّد CSS Clip Path مجاني عبر الإنترنت. يعالج البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.

المعالجة المحلية

Shape

Vertex 1 (top-left)

x: 0

y: 0

Vertex 2 (top-right)

x: 100

y: 0

Vertex 3 (bottom-right)

x: 100

y: 100

Vertex 4 (bottom-left)

x: 0

y: 100

Preview

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

كيفية الاستخدام

أدخل مدخلاتك أعلاه. يتم تحديث النتيجة تلقائيًا. استخدم زر النسخ لنسخ النتيجة.

تتم كل المعالجة في متصفحك. لا يتم تحميل بياناتك أبدًا إلى أي خادم.

نعم، مجاني تماما. لا يلزم الاشتراك.

لا، تتم جميع عمليات المعالجة محليًا في متصفحك. بياناتك لا تترك جهازك أبدًا.