منحنى التسارع (Easing)

بالتفصيل

بدون easing تتحرك العناصر بسرعة ثابتة فتبدو الحركة آلية. مع easing تبدأ ببطء وتنتهي متباطئة (أو العكس)، كما تفعل الأجسام الواقعية. في CSS لهذه المنحنيات أسماء مثل ease وease-out وease-in-out، أو تُكتب بـ cubic-bezier() لمنحنيات خاصة. أما أسماء مثل back أو elastic فليست منحنيات CSS، بل أسماء في مكتبات الرسوم المتحركة مثل GSAP.

قاعدة عملية: ما يدخل المشهد يتباطأ عند وصوله (ease-out)، وما يخرج يتسارع عادةً (ease-in). المنحنيات المرنة جدًا تجذب الانتباه، لكنها تُتعب إذا استُخدمت في البانر كله.

document.querySelector(".cta").animate({ transform: ["translateX(40px)", "none"] }, { duration: 600, easing: "ease-out" });

مصطلحات ذات صلة

أين يظهر