وصول CSS Shapes إلى Firefox 62: تدفق النص حول أي شكل
2025-03-17
يدعم Firefox 62 الآن رسميًا CSS Shapes، مما يسمح للنص والمحتويات الأخرى بالتدفق حول الأشكال غير المستطيلة. تستكشف هذه المقالة كيفية إنشاء الأشكال باستخدام الصور والتدرجات والأشكال الأساسية، مع تبسيط العملية باستخدام الأدوات الجديدة في Firefox DevTools. تعلم استخدام قنوات ألفا للصورة، وشفافية التدرج، والأشكال المحددة مسبقًا (الدائرة، والقطع الناقص، والمضلع) للتحكم في تدفق النص، وضبط المسافة باستخدام `shape-margin`، واستخدام `shape-image-threshold` للصور شبه الشفافة. توضح المقالة أيضًا كيفية دمج الأشكال مع `clip-path` للحصول على تأثيرات متقدمة.
التطوير