chevron_right

منشئ CSS Clip-Path

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

الشكل

CircleEllipseInsetTriangleHexagonDiamondPentagonStarArrow

المعاملات

Radius: 50

Center X: 50

Center Y: 50

CSS المُنشأ

clip-path: circle(50% at 50% 50%);

ادوات مشابهة

منشئ Border Radius

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

مولد التدرجات

أنشئ تدرجات CSS بصريًا مع معاينة مباشرة.

منشئ Box Shadow

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

مولد ظلال النص

أنشئ تأثيرات CSS text-shadow مع معاينة مباشرة.

تحويل JPG إلى PDF

حوّل صور JPG إلى مستند PDF واحد.

مولد قائمة كلمات المرور

أنشئ عدة كلمات مرور آمنة دفعة واحدة مع خيارات كاملة.

تحويل PNG إلى WebP

تحويل صور PNG إلى تنسيق WebP المحسّن.

apps

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

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

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

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