مولّد نمط موجات SVG

كيف يعمل

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

هل يحتفظ الملف المُنزَّل بجودة مثالية في أي حجم؟

نعم، فهو ملف SVG متجهي حقيقي: يمكنك دمجه كما هو في صفحة ويب (فيتكيف مع عرض حاويته عبر viewBox) أو تكبيره في برنامج تصميم دون أي فقدان في الحدة، بخلاف الصورة النقطية.

كيف أستخدمه كخلفية قسم في موقعي؟

انسخ شيفرة SVG والصقها مباشرةً في HTML، أو نزّل الملف وأشر إليه كصورة خلفية في CSS. ولتأثير لافتة أسفل القسم، ضعه بالأسلوب position: absolute; bottom: 0 مع width: 100%.

يتم توليد النمط بالكامل بلغة JavaScript في متصفحك، دون أي استدعاء للشبكة.