مولدات محاكاة

اختر مقياساً مسبقاً، وضبط التوقيت، وراقبه يركض على الهواء مباشرة، ونسخ كل من @keyframes block and the animation shorthand.

How to use Keyframes Animation Generator

1. اضغطي على التصويب المسبق مثل التجويف أو القفز أو الدوران.
2. تحديد المدة، وتوقيت العمل، والتأخير، وحساب التكرار، والتوجيه، وطريقة التعبئة.
3. إنتبهي للعرض التمهيدي و إضغطي عليه.
4. اضغطوا على جهاز الأشعة المقطعية لاستقبال @keyframes block and animation shorthand.

ما هذا؟?

FAQ

ما الفرق بين @keyframes وممتلكات التنقيب؟?

@keyframes defines what changes during the animation (the from/to or percentage steps), while the animation shorthand tells an element which keyframes to use plus its duration, easing, delay, count and direction. أنت بحاجة لكليكما لتصوير عمل.

كيف أقوم بلعبة التهاب مرة واحدة فقط أو حلقة إلى الأبد؟?

أعد العد التنازلي إلى رقم واحد لركض واحد، أو دغدغة 'النهاية 'للدور إلى الأبد. هذه الخرائط إلى قيمة حساب الترجيحات في الاختصار المتولد.

Related tools

• CSS Filter Generator
• CSS Transform Generator
• Cubic Bezier Generator
• CSS Gradient Generator