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 متجاوبة مع معاينة مباشرة وكود جاهز للنسخ.

تقسيم PDF

تقسيم PDF

قسّم ملف PDF إلى صفحات فردية أو نطاقات صفحات.

فحص البيانات المخفية في PDF

فحص البيانات المخفية في PDF

يكشف ما يحمله ملف PDF ولا يعرضه: البيانات الوصفية والطبقات المخفية والمرفقات وJavaScript والنص غير المرئي والنص تحت مستطيلات الحجب.

إعادة ترتيب صفحات PDF

إعادة ترتيب صفحات PDF

أعد ترتيب صفحات ملف PDF.

apps

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

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

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

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

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

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