مُنشئ منحنى بيزير التكعيبي لـ CSS

جدول المحتويات

مولد CSS Cubic Bezier هو أداة مرئية مجانية تساعدك على إنشاء وظائف توقيت مخصصة لتأثيرات CSS. ببساطة، اسحب نقاط التحكم في محرر المنحنى، وعاين التأثير الخاص بك في الوقت الفعلي، وانسخ كود CSS المُنشأ.

دلائل الميزات

• محرر المنحنى المرئي: اسحب نقاط التحكم لتشكيل منحنى التنعيم الخاص بك بدقة.
• معاينة في الوقت الفعلي: شاهد تأثيرك وهو يعمل فورًا أثناء تعديل المنحنى.
• مكتبة الإعدادات المسبقة: اختر من بين أكثر من 25 إعدادًا مسبقًا شائعًا للتنعيم مثل ease-in، و ease-out، وتأثيرات الارتداد.
• معالجة من جانب العميل: خصوصية 100% — تتم جميع الحسابات في متصفحك.
• CSS جاهز للنسخ: احصل على كود cubic-bezier جاهز للإنتاج بنقرة واحدة.

ما هي منحنيات بيزييه التكعيبية؟

تحدد الدالة cubic-bezier() في CSS توقيتًا مخصصًا للحركات والانتقالات. تستخدم أربع قيم (X1، Y1، X2، Y2) لإنشاء منحنى يتحكم في كيفية تسارع التأثير وتباطؤه. على عكس الكلمات المفتاحية القياسية مثل ease أو linear، تمنحك cubic-bezier تحكمًا كاملاً في تصميم الحركة.

كيف تستعمل

1. اختر إعدادًا مسبقًا من القائمة المنسدلة أو ابدأ بالمنحنى الافتراضي.
2. 2. اسحب نقاط التحكم في محرر المنحنى لتخصيص التنعيم الخاص بك.
3. 3. اضبط مدة التأثير لمعاينته بسرعات مختلفة.
4. 4. انقر فوق "تشغيل التأثير" لرؤية دالة التوقيت الخاصة بك أثناء العمل.
5. 5. انسخ كود CSS المُنشأ من لوحة الإخراج.

لماذا تختار هذه الأداة

• يعمل مباشرة في متصفحك — آمن، خاص، وسريع.
• مثالي لمصممي الويب، والمطورين الأماميين، ومصممي الحركة.
• لا يلزم التسجيل — ابدأ في إنشاء التأثيرات على الفور.

ابدأ في استخدام مولد CSS Cubic Bezier اليوم لصياغة تأثيرات سلسة واحترافية لمواقع الويب وتطبيقات الويب الخاصة بك.