موجة التذييل
مجاني، بلا تسجيل، يعمل داخل متصفحك.
الهندسة نفسها التي لفاصل القسم الرئيسي، مقلوبة رأسيًا ليصير الملء فوق المنحنى لا تحته. وهذا الفارق وحده هو ما يفصل شكلًا يجلس فوق تذييل عن شكل يجلس تحت ترويسة.
الإعدادات التي وراءه
| المولّد | موجة |
|---|---|
| النقاط | 4 |
| السعة | 55% |
| العشوائية | 20% |
| خط الأساس | 48% |
| الطبقات | 2 |
| النعومة | 100% |
| البذرة | 640 |
ما يجدر معرفته
- مقلوبة رأسيًا، فتنغلق المساحة الصلبة على الحافة العليا للوحة.
- طبقتان تمنحان شيئًا من العمق دون وزن ثلاث.
- ضعها مباشرة فوق تذييلك بلون الخلفية نفسه الذي للتذييل.
كم يكلّف بالبايت
هذا الشكل بعينه يبلغ 551 بايت بصيغة SVG و718 بايت كخلفية CSS — وعنوان البيانات أكبر لأن الترميز بالنسبة المئوية يكلّف ثلاثة محارف عن كل محرف يهرّبه. والرقمان كلاهما للشكل المعروض أعلاه، بدقة منزلتين عشريتين في الإحداثيات.
| الصيغة | الحجم |
|---|---|
| SVG | 551 B |
| خلفية CSS | 718 B |
| clip-path في CSS | 510 B |
بداية ملف SVG الخاص بـ موجة التذييل
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-360 207.13C-300 198.98,-120 174.18,0 158.27C120 142.36,240 112.09,360 111.66C480 111.23,600 137.74,720 155.71C840 173.68,960 218.07,1080 219.5C1200 220.93,1380 173.48,1440 164.28L1440 0L-360 0Z" fill="#a5b4fc" opacity="…بمزيد من التفصيل
القلب الرأسي هنا ليس تحويل CSS بل جزء من المسار: المنحنى ينعكس والذيل ينغلق على الحافة المقابلة. ويعني ذلك أن ملف SVG المصدَّر يقف وحده دون غلاف يحمل `transform` — وهو ما يهمّ أكثر ما يهمّ في التصدير كخلفية CSS، حيث لا يوجد أصلًا عنصر لتحويله.
أسئلة
كيف أغيّر موجة التذييل بعد الحصول عليه؟
افتح المولّد، واضغط موجة التذييل في صف الإعدادات المسبقة، ثم حرّك ما شئت. الإعداد المسبق نقطة انطلاق لا قفل — تبقى كل المؤشرات فعّالة، وصندوق البذرة يقبل كلمة إن فضّلت تسمية شكلك بدل ترقيمه.
هل سيبدو كما هو في المرة القادمة؟
نعم، ما دامت البذرة نفسها. هذا هو البذرة 640 بـ 4 نقطة. المولّد حتمي، فهذه الإعدادات تعيد إنتاج هذا المنحنى بعينه على أي جهاز.
هل يمكنني استخدام لون مختلف؟
نعم — اللون يُطبَّق عند التصدير ولا يكون مخبوزًا في الهندسة. المعاينة أعلاه تستخدم اللون الافتراضي للأداة؛ اختر لونك في المولّد وسيتبعه ملف SVG وخلفية CSS وclip-path جميعًا.
كل رقم وكل شكل في هذه الصفحة أُنتج بتشغيل المولّد وقت البناء، فهو يصف الأداة التي أنت على وشك استخدامها لا نسخة كانت موجودة يومًا.