Toolipedia
AR
→ كل أدوات النصوص

مولد CSS clip-path

اسحب النقاط لصنع مضلعات ودوائر وأشكال، ثم انسخ clip-path CSS.

  • مجاني
  • بلا تسجيل
  • يعمل على أي جهاز

حول مولد CSS clip-path

اقتطع العناصر إلى مثلثات أو سداسيات أو أسهم أو دوائر أو أي مضلع مخصص بسحب النقاط على المعاينة، ثم انسخ قيمة clip-path. تُبقي الإحداثيات المبنية على النسب المئوية الشكل متجاوبًا. تذكّر أن المناطق المقتطعة تبقى موجودة، لذا تُقص الظلال والحدود أيضًا.

طريقة استخدام مولد CSS clip-path

  1. اضبط الخيارات في الأعلى. تتحدّث النتيجة مباشرةً.
  2. غيّر ما تشاء حتى تصل إلى ما يناسبك تمامًا.
  3. انسخ النتيجة أو نزّلها.

لماذا تستخدم هذه الأداة؟

تُعرف أيضًا باسم

الأسئلة الشائعة

لماذا يُقتطع box-shadow لدي مع clip-path؟

يقتطع clip-path كل ما هو خارج الشكل، بما في ذلك الظلال. ضع الظل على غلاف أب باستخدام filter: drop-shadow ليتبع الحد المقتطع.

هل مولد CSS clip-path مجانية؟

نعم. استخدام مولد CSS clip-path على Toolipedia مجاني، بلا تسجيل وبلا علامة مائية.

هل استخدامها آمن؟

نعم. تتم كل العمليات الحسابية في متصفحك، ولا يُرسَل أي شيء تُدخله إلى خادمنا.

هل تعمل على هاتفي؟

نعم. تعمل في أي متصفح حديث على Android وiPhone، وكذلك على الأجهزة اللوحية والحواسيب. لا حاجة إلى تثبيت أي شيء.

هل أحتاج إلى حساب؟

لا. افتح الصفحة واستخدم الأداة فحسب. لا تسجيل ولا حاجة إلى بريد إلكتروني.

أدوات ذات صلة