مولد موج SVG والمقسم
مرشد
مولد موج SVG والمقسم
أنشئ فواصل أقسام موجية جميلة بتنسيق SVG لموقعك. اختر من بين 6 أنماط للموجات — موجة جيبية سلسة، موجات متراكبة، متعرج حاد، تلال مستديرة، غير متماثل، وفقاعة عضوية — قم بتخصيص السعة والتردد والألوان والطبقات، ثم قم بالتصدير كرمز SVG، أو خلفية CSS، أو مقتطف HTML، أو ملف SVG قابل للتنزيل. رسوم متحركة CSS اختيارية لتأثيرات الموجات المتدفقة.
كيف تستعمل
حدد نمط موجة من القائمة المنسدلة واضبط عناصر التحكم. يتم تحديث المعاينة الحية فورًا عند تغيير السعة والتردد والعرض والارتفاع وعدد الطبقات والألوان والشفافية. اقلب عموديًا لفواصل سفلية أو أفقيًا لعكس الاتجاه. قم بتمكين الرسوم المتحركة لتأثيرات الموجات المتدفقة. عندما تكون راضيًا عن النتيجة، استخدم أزرار التصدير لنسخ رمز SVG، أو ترميز خلفية CSS، أو مقتطف HTML، أو تنزيل ملف SVG.
سمات
- 6 أنماط للموجات — موجة جيبية سلسة (منحنى كلاسيكي)، موجات متراكبة (عمق متداخل)، متعرج حاد (أشكال V بزوايا)، تلال مستديرة (نتوءات نصف دائرية)، غير متماثل (إحساس طبيعي بالرياح)، فقاعة/عضوي (منحنيات عضوية عشوائية).
- دعم الطبقات المتعددة — ما يصل إلى 4 طبقات مع عناصر تحكم فردية في اللون والشفافية. يتم إزاحة الطبقات طوريًا لإنشاء عمق طبيعي. مثالي لفواصل بأسلوب التدرج اللوني.
- معاينة مباشرة — معاينة مرئية كبيرة تعرض الموجة كفاصل قسم. يتم التحديث في الوقت الفعلي أثناء ضبط أي عنصر تحكم. لون خلفية قابل للتكوين.
- السعة والتردد — تحكم في ارتفاع الموجة (20-200 بكسل) وعدد القمم (1-10) للشكل الذي تحتاجه بالضبط.
- عناصر التحكم بالقلب — اقلب عموديًا (لفواصل أسفل القسم) أو أفقيًا (لعكس اتجاه الموجة).
- رسوم متحركة CSS — رسوم متحركة اختيارية للموجات المتدفقة مع التحكم في السرعة (بطيء/متوسط/سريع). يتم تضمين رمز الرسوم المتحركة في الصادرات عند تمكينه.
- 4 خيارات تصدير — انسخ رمز SVG (مضمن)، انسخ خلفية CSS (URI للبيانات)، انسخ مقتطف HTML (فاصل قسم جاهز للصق)، قم بتنزيل ملف SVG.
- أبعاد مخصصة — اضبط العرض والارتفاع لمطابقة تخطيطك. الافتراضي 1200 × 200 مناسب لمعظم أقسام مواقع الويب.
أنماط الموجات
موجة جيبية سلسة: منحنى جيبي كلاسيكي باستخدام تقريب بيزييه التكعيبي. نظيف وحديث.
موجات متراكبة: موجات جيبية متعددة مع إزاحات طورية تخلق عمقًا وتداخلاً. رائعة للأقسام الرئيسية.
متعرج حاد: قمم وقيعان بزوايا على شكل حرف V. جريء وهندسي.
تلال مستديرة: نتوءات نصف دائرية لإحساس بمناظر طبيعية ناعمة ومتدرجة.
غير متماثل: سعات صعود وهبوط مختلفة لمظهر طبيعي يشبه الرياح.
فقاعة/عضوي: تنوع عشوائي بذرة على المنحنيات لأشكال عضوية فريدة. المدخلات المتطابقة تنتج دائمًا نفس المخرجات.
ما هو فاصل القسم SVG؟
كيف أضيف فاصل موجة إلى موقعي؟
هل يمكنني تحريك فاصل الموجة؟
لماذا استخدام SVG بدلاً من PNG لفواصل الأقسام؟
تثبيت ملحقاتنا
أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع
恵 وصلت لوحة النتائج!
لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!
