Tiny Online Tools logoTiny Online Toolssearchابحث في الادوات…grid_viewكل الادوات
الرئيسيةchevron_rightادوات التصميمchevron_rightمنشئ CSS Clip-Pathمنشئ CSS Clip-Path

منشئ CSS Clip-Path

أنشئ أشكال CSS clip-path مع معاينة مباشرة.

الشكلCircleEllipseInsetTriangleHexagonDiamondPentagonStarArrowالمعاملاتCSS المُنشأ
clip-path: circle(50% at 50% 50%);

ادوات مشابهة

منشئ Box Shadow

منشئ Box Shadow

أنشئ ظلال CSS بصرياً مع معاينة مباشرة.

مولد CSS Keyframes

مولد CSS Keyframes

أنشئ keyframes مخصصة في CSS بشكل مرئي مع معاينة مباشرة وكود جاهز للنسخ.

منشئ Border Radius

منشئ Border Radius

تحكم في تدوير الزوايا بصرياً وانسخ كود CSS.

مولد CSS Grid

مولد CSS Grid

أنشئ تخطيطات CSS Grid متجاوبة مع معاينة مباشرة وكود جاهز للنسخ.

مولِّد متغيرات CSS

مولِّد متغيرات CSS

إنشاء خصائص CSS المخصصة (المتغيرات) لألوانك ومقاسات التصميم.

إلغاء قفل PDF

إلغاء قفل PDF

أزل حماية كلمة المرور من ملف PDF محليًا.

مولد حلزون SVG

مولد حلزون SVG

أنشئ حلزونات SVG من نوع أرخميدس واللوغاريتمي بتحكم كامل في اللفات والقطر وسمك الخط وتعبئات التدرج — مثالي للأشكال الزخرفية والشعارات والخلفيات.

apps

المزيد من الادوات

تصفح مجموعتنا الكاملة من الادوات المجانية عبر الانترنت.

شكّل العناصر بصريًا بدون رسم النقاط يدويًا

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

متى تكون مفيدة أكثر

هي مناسبة لأقنعة الصور، والبطاقات ذات الأشكال غير المعتادة، والحواف الزخرفية للأقسام. قبل اعتماد CSS نهائيًا، جرّب الشكل مع النصوص والصور وأحجام الشاشات المختلفة للتأكد من أنه ما زال عمليًا.