مولد Cubic Bezier

صمّم منحنيات التدرج CSS بصريًا. بدون خادم وبدون اعتمادات.

إعدادات مسبقة

نقاط التحكم

x1
y1
x2
y2

قيمة CSS

cubic-bezier(0.25, 0.1, 0.25, 1)
0,01,1
معاينة

تحسين محركات البحث

توثيق موسّع

مولد Cubic Bezier: أنشئ حركات CSS دقيقة بسهولة

منحنيات التوقيت هي ما يجعل الواجهة تبدو سلسة أو ثقيلة. عندما تكون الحركة مضبوطة جيدًا، تشعر الواجهة بأنها أسرع وأكثر احترافية. هذه الأداة تتيح لك تصميم cubic-bezier() بصريًا ونسخ القيمة النهائية فورًا.

ماذا يمكنك أن تفعل؟

  • تعديل نقاط التحكم في الوقت الحقيقي.
  • تجربة إعدادات جاهزة للدخول والخروج والارتداد الخفيف.
  • اختبار المنحنى مع القوائم واللوحات والحركات الصغيرة.

أفضل ممارسة

استخدم منحنى مختلفًا للدخول والخروج، واجعل المدة مناسبة للمسافة البصرية. بهذه الطريقة تحصل على حركة واضحة ومريحة للمستخدم.

لماذا هذه الصفحة مهمة؟

هذه الأداة مفيدة للمطورين الذين يعملون على CSS وتصميم الحركة ويحتاجون إلى دقة عالية من دون مغادرة المتصفح.