إنشاء تدرجات شبكية سائلة متعددة الألوان بتأثيرات بصرية خلابة للمواقع وتصدير CSS.
أصبحت التدرجات الشبكية السائلة والمتداخلة (CSS Mesh Gradients) السمة البصرية الأكثر جاذبية وفخامة في تصاميم مواقع التقنية الرائدة والصفحات الرئيسية لشركات الـ SaaS الحديثة كـ Stripe و Apple؛ حيث تدمج عدة بؤر ضوئية ملونة في لوحة فنية انسيابية تشبه تموجات السوائل الطبيعية. يتيح هذا الاستوديو البصري للمطورين تركيب وتوزيع نقاط التدرج الشعاعي المتداخلة ديناميكياً والتحكم في إحداثياتها ومساحات انتشارها وألوانها بنقرة واحدة.
يقوم المحرك بتركيب كود CSS أصيل وخفيف للغاية بالاعتماد على دمج عدة طبقات من دوال التدرج الشعاعي radial-gradient المتراكبة فوق لون خلفية محايد، مما يلغي تماماً الحاجة لتحميل صور ثقيلة بدقة عالية تضر بسرعة الموقع. على سبيل المثال، يولد المحرك شفرة برمجية مدمجة بحجم أقل من 1 كيلوبايت تجمع 4 بؤر لونية عند إحداثيات استراتيجية مع تدرج تلاشي ناعم، لتعمل بسلاسة فائقة بمعدل 60 إطاراً في الثانية دون أي استنزاف لكارت الشاشة.
تتضمن الأداة ميزة التوليد العشوائي الذكي للوحات الألوان المنسجمة، مع دعم النسخ المباشر لكود CSS الأصلي أو كود Tailwind CSS المضمن، مما يمنح مشاريعك واجهات عصرية تخطف الأنظار فورياً.
التركيب الشبكي لـ CSS: background-color: base ; background-image: ⋃ [ radial-gradient(at xᵢ% yᵢ%, colorᵢ 0px, transparent radiusᵢ) ]
تتراكب دوال radial-gradient المتعددة فوق بعضها، وتحدد كل دالة موضع البؤرة ونصف قطر انتشار اللون وتلاشيه نحو الشفافية الصافية.