مولد خلفية نمط CSS

تعيد معظم أدوات "مولد الأنماط" استخدام نفس صيغة التدرج الخطي المتكرر لكل خيار بهدوء وتقوم فقط بتغيير الأرقام. هذا لا يفعل ذلك: كل نوع من أنواع الأنماط الستة هنا مبني على تقنية CSS المحددة التي تنتج هذا الشكل بالفعل. تستخدم الخطوط تدرجًا خطيًا واحدًا متكررًا مع شريطين لونيين. تستخدم النقاط تدرجًا شعاعيًا واحدًا مقسمًا فقط إلى حجم الخلفية - خدعة نقاط CSS الكلاسيكية - بدلاً من التدرج الشعاعي المتكرر، الذي لا يمكنه تجانب نقطة دائرية بشكل نظيف على شبكة مستطيلة. تستخدم لوحة الشطرنج صيغة التدرج المخروطي الحقيقي رباعي الأرباع: التدرج المخروطي المتمركز في بلاطة مربعة ينقسم بشكل طبيعي إلى أربعة مربعات رباعية عند حدود 90 درجة، ويتناوب لونان عبر بلاطات الأرباع هذه في رقعة شطرنج حقيقية، وليس تقريبيًا.

تقوم الشبكة والتظليل المتقاطع القطري بطبقتين من التدرجات الخطية المتكررة كمدخلات منفصلة لصورة الخلفية بدلاً من تزوير الاتجاه الثاني باستخدام حيل الحدود. تجمع الشبكة بين التدرج المتكرر "إلى اليمين" و"إلى الأسفل" للحصول على خطوط مسطرة أفقية ورأسية واضحة. طبقات التظليل المتقاطع تدرج متكرر +45 درجة و -45 درجة لنسج قطري على شكل نسج السلة - يستحق أن نكون دقيقين بشأنه: هذا تظليل متقاطع صادق، وليس هندسة متعرجة حقيقية، وتقوم الأداة بتسميته بهذه الطريقة بدلاً من المبالغة في الادعاء. تعيد المثلثات استخدام تقنية التدرج المخروطي ذو الأربعة إسفين لرقعة الشطرنج ولكنها تبدأ التدرج بتدوير 45 درجة، مما يحول حدود الإسفين من نقاط المنتصف لحافة البلاط إلى زواياها ويحول نفس الأوتاد الأربعة إلى أربعة مثلثات من الزاوية إلى الزاوية بدلاً من أربعة مربعات رباعية.

يعرض كل نوع نمط فقط عناصر التحكم التي تنطبق عليه فعليًا - يظهر شريط تمرير الزاوية للخطوط، ويظهر نصف قطر النقطة والمسافات للنقاط، ويظهر سمك الخط للشبكة والتظليل المتقاطع - ويعاد طلاء مربع المعاينة المتجانب الكبير عند كل تغيير حتى تتمكن من رؤية عدة تكرارات كاملة قبل الالتزام بقيمة ما. اقلب وضع الإخراج إلى SVG وسيظهر نفس النمط مرة أخرى كعنصر <pattern> مبني من عناصر أولية مستقيمة أو دائرة أو مسار أو مضلع، جاهزة للصقه داخل <defs> لأي مستند SVG، مع تنزيل بنقرة واحدة لملف .svg مستقل.

كل شيء يعمل محليًا في متصفحك: لا توجد تحميلات للصور، ولا يوجد خادم ذهابًا وإيابًا، ولا يوجد حساب. بالنسبة للتعبئة الصلبة أو المتدرجة دون تكرار، فإن مولد التدرج CSS الموجود على هذا الموقع هو الأداة المناسبة بدلاً من ذلك؛ هذا مخصص خصيصًا للخلفيات الهندسية القابلة للتجانب والمبنية من أصول صور صفرية.