نظرة عامة

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

كيفية الاستخدام

1. 1

   اختر نوع نمط

   اختر نمطاً أساسياً — خطوط، نقاط، شبكة، رقعة شطرنج — كنقطة انطلاق.

2. 2

   اضبط الألوان والمقياس

   حدّد الألوان والتباعد والزاوية بينما تتحدّث المعاينة حياً.

3. 3

   انسخ CSS

   الصق CSS الخلفية المولّد على عنصرك — لا حاجة لملف صورة.

كيف يعمل

يستخدم المولّد تدرّجات CSS (خطية وشعاعية) مع background-size لإنشاء بلاطة تتكرّر بلا فواصل. تضبط الألوان والتباعد والزاوية ونوع النمط بأدوات بينما تتحدّث معاينة حية. ولأن الكل تدرّجات، يرسم المتصفح النمط دون طلب HTTP لصورة، ويتمدّد بحدّة على أي شاشة. تُخرج الأداة CSS جاهزاً للصق.

متى تستخدمه

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

الأسئلة الشائعة