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

مولد نمط 10 PRINT

مولد نمط 10 PRINT

ولّد نمط المتاهة الكلاسيكي '10 PRINT' الخاص بـ Commodore 64 بصيغة SVG — تحكم في الشبكة والالوان والسمك.

حاسبة المدة الزمنية

حاسبة المدة الزمنية

احسب الوقت بين تاريخين او اضف/اطرح مدة من تاريخ ووقت.

حاسبة الشبكات الفرعية

حاسبة الشبكات الفرعية

احسب عنوان الشبكة وعنوان البث وقناع الشبكة وقناع البدل ونطاق المضيفين القابلين للاستخدام لأي شبكة IPv4 فرعية.

apps

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

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

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

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

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

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