مولّد مسار القطع CSS
أنشئ أشكال clip-path في CSS بصرياً مع أدوات تحكم تفاعلية.
-webkit-clip-path: polygon(50% 5%, 92.8% 36.1%, 76.5% 86.4%, 23.5% 86.4%, 7.2% 36.1%); clip-path: polygon(50% 5%, 92.8% 36.1%, 76.5% 86.4%, 23.5% 86.4%, 7.2% 36.1%);
حول مولّد مسار القطع CSS
خاصية clip-path في CSS تتيح لك قص عنصر بشكل مخصص. هذه الأداة تتيح لك تصميم أشكال مسار القطع بصرياً وتولّد كود CSS فوراً.
كيفية الاستخدام
اختر نوع الشكل، واضبط أدوات التحكم لتخصيص مسار القطع، ثم انسخ كود CSS المُولّد والصقه في ورقة الأنماط.
حالات الاستخدام الشائعة
- إنشاء أقنعة صور فريدة وأشكال أقسام البطل
- بناء فواصل قطرية بين أقسام الصفحة
- تصميم أشكال أزرار مخصصة
- إنشاء صور رمزية أو صور مصغرة بأشكال مضلعة
- تحريك انتقالات مسار القطع لتأثيرات إبداعية