مولّد منحنيات التسارع cubic-bezier
أنشئ منحنيات تسارع (easing) بصيغة cubic-bezier لـ CSS. يتضمن إعدادات مسبقة قياسية.
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
ما هو مولّد منحنيات cubic-bezier؟
تستخدم رسوم CSS المتحركة دوال التسارع (easing) للتحكم في كيفية تغيّر القيم مع الزمن. تحدد معاملات cubic-bezier الأربعة منحنى من (0,0) إلى (1,1): كلما زاد انحدار المنحنى، زادت سرعة الحركة في تلك المنطقة. تغطي الإعدادات المسبقة الشائعة معظم الاحتياجات؛ أما المنحنيات المخصصة فتخلق حركة مميزة.
الأسئلة الشائعة
ما الفرق بين ease و ease-in؟▼
متى ينبغي أن أستخدم المنحنيات المخصصة؟▼
أدوات ذات صلة
محوّل الألوان (HEX/RGB/HSL)
حوّل الألوان بين صيغ HEX و RGB و HSL. اختر لونًا بصريًا أو أدخل القيم يدويًا.
مولّد box-shadow في CSS
أنشئ قيم box-shadow في CSS بصريًا. عاين في الوقت الفعلي وانسخ الـ CSS المولَّد.
مولّد التدرّجات اللونية في CSS
أنشئ تدرّجات CSS خطية وشعاعية. اختر الألوان بصريًا وانسخ كود CSS الناتج.
مولّد لوحات الألوان
أنشئ لوحات ألوان متناغمة انطلاقًا من أي لون أساسي. يدعم الأنظمة المكمّلة والمتشابهة والثلاثية والأحادية اللون.
مولّد border-radius في CSS
أنشئ قيم border-radius معقّدة في CSS بصريًا. تحكّم مستقل في كل زاوية.
مولّد CSS Clamp()
أنشئ قيم CSS مرنة ومتجاوبة باستخدام clamp(). تتدرّج بسلاسة بين الحدين الأدنى والأقصى عبر نطاقات إطار العرض (viewport).