🌊 مولد موجات SVG — تموجات تصميمية مجانية
مولد موجات SVG لفواصل الأقسام: تحكم في الارتفاع، التموج، الاتجاه، التدرج، والنسخ. مثالي للصفحات الهبوط والـ Hero sections.
150px
2
📚 عن هذه الأداة
موجات SVG تستخدم كفواصل بصرية بين أقسام الصفحة. SVG أفضل من الصور لأنه: قابل للتكبير دون فقدان جودة، حجمه أصغر، يمكن تعديل لونه بـ CSS، ويعمل في كل المتصفحات الحديثة.
❓ أسئلة شائعة
أين أضع كود SVG؟
مباشرة في HTML داخل القسم الذي تريد الفاصل بعده، أو كـ CSS background-image مع url('data:image/svg+xml,...').
كيف أعكس الموجة لأعلى؟
أضف transform: rotate(180deg) على عنصر SVG.
هل يمكن تحريك الموجات؟
نعم — استخدم animation على عنصر path أو SMIL animateTransform.
أيهما أفضل: SVG أم CSS clip-path للموجات؟
SVG أفضل للموجات المعقدة. clip-path للأشكال الهندسية البسيطة.