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