- اختر النوع — ارتداد أو تلاشي أو انزلاق أو دوران أو تكبير أو اهتزاز.
- حدد المدة — من 0.1 إلى 5 ثوانٍ.
- اختر دالة التوقيت — ease أو linear أو cubic-bezier.
- حدد التكرار — مرة أو مرتين أو لا نهائي.
- اختر الاتجاه — عادي أو عكسي أو متناوب.
- معاينة مباشرة — شاهد الحركة فوراً.
- انسخ CSS — انسخ الكود الكامل.
مولّد رسوم متحركة CSS — بناء حركات بصرية
مولّد الرسوم المتحركة CSS من Serverless Tools هو أداة مجانية لإنشاء حركات keyframe مع معاينة مباشرة. بدلاً من كتابة قواعد @keyframes يدوياً، توفر هذه الأداة عناصر تحكم بديهية مع ملاحظات بصرية فورية.
الميزات الرئيسية
- 8 حركات جاهزة — ارتداد وتلاشي وانزلاق ودوران وتكبير واهتزاز ونبض وانقلاب.
- مدة قابلة للتعديل — من 0.1 إلى 5 ثوانٍ.
- دوال التوقيت — ease وease-in وease-out وlinear وcubic-bezier.
- تحكم في التكرار — مرة أو متعدد أو لا نهائي.
- معاينة مباشرة — شاهد الحركة فوراً.
- كود CSS كامل — @keyframes وخاصية animation.
- خصوصية 100% — لا خادم مطلوب.
حالات الاستخدام
- مصممو الويب — حركات دخول للأقسام والبطاقات.
- مطورو الواجهة — كود حركات جاهز للإنتاج.
- صفحات الهبوط — حركات تجذب الانتباه.
الخصوصية
تتم جميع العمليات محلياً في متصفحك دون إرسال بيانات.