→ كل أدوات النصوص

مولد Cubic bezier

اسحب منحنى لتصميم تسارع CSS، وشاهد الحركة وانسخ دالة التوقيت.

  • مجاني
  • بلا تسجيل
  • يعمل على أي جهاز

حول مولد Cubic bezier

اسحب مقبضي التحكم في منحنى بيزييه لتصميم تسارع مخصص لانتقالات CSS وحركاتها، وشاهد كرة تتحرك به وانسخ قيمة cubic-bezier(x1, y1, x2, y2). يجب أن تبقى قيم x بين 0 و1، بينما يمكن لـ y أن تتجاوز لإنتاج تأثير الارتداد.

طريقة استخدام مولد Cubic bezier

  1. اسحب مقبضي المنحنى لتشكيل التسهيل easing.
  2. اضغط تشغيل لترى عنصرًا يتحرك بتوقيتك.
  3. انسخ دالة cubic-bezier إلى انتقالك أو حركتك.

لماذا تستخدم هذه الأداة؟

تُعرف أيضًا باسم

الأسئلة الشائعة

ماذا تعني أرقام cubic-bezier الأربعة؟

هي إحداثيات x وy لنقطتي تحكم على منحنى السرعة. الأجزاء الأشد انحدارًا تعني حركة أسرع، والأكثر تسطحًا تعني حركة أبطأ.

هل يمكن للمنحنى الخروج من الصندوق؟

قد تتجاوز القيم العمودية 0 و1، فينشأ تجاوز أو ارتداد. يجب أن تبقى القيم الأفقية بين 0 و1.

أي منحنى يبدو طبيعيًا لحركة الواجهة؟

منحنى بنمط ease-out، سريع في البداية وبطيء في النهاية، يبدو مستجيبًا للعناصر الداخلة إلى الشاشة. جرّب مددًا قصيرة أولًا.

هل مولد Cubic bezier مجانية؟

نعم. استخدام مولد Cubic bezier على Toolipedia مجاني، بلا تسجيل وبلا علامة مائية.

هل استخدامها آمن؟

نعم. تتم كل العمليات الحسابية في متصفحك، ولا يُرسَل أي شيء تُدخله إلى خادمنا.

هل تعمل على هاتفي؟

نعم. تعمل في أي متصفح حديث على Android وiPhone، وكذلك على الأجهزة اللوحية والحواسيب. لا حاجة إلى تثبيت أي شيء.

هل أحتاج إلى حساب؟

لا. افتح الصفحة واستخدم الأداة فحسب. لا تسجيل ولا حاجة إلى بريد إلكتروني.

هل يمكنني وضع مولد Cubic bezier في موقعي؟

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

أدوات ذات صلة