بناء كوول الرسوم المتحركة الرسوم المتحركة بسهولة مع Animista

هناك طن من تطبيقات الويب CSS للرسوم المتحركة على الإنترنت. ولكن ، قلة قليلة مقارنة بمستوى التفاصيل وسهولة الاستخدام التي تحصل عليها Animista.

يتيح لك تطبيق الويب المجاني هذا إنشاء رسوم متحركة CSS مخصصة بنقرة زر واحدة. يمكنك الاختيار بين الحركات المصممة مسبقًا مثل الشرائح والتحويلات والتأرجحات وحتى حركات الظل المسقطة.

بمجرد إنشاء الرسوم المتحركة الخاصة بك ، يمكنك ذلك تصدير الكود تماما مثل مع مولدات CSS الأخرى. إلا أن هذا الرمز هو أسهل بكثير للعمل مع وحتى يأتي مع أداة minifier المضمنة.

قد تشعر الواجهة بالارتباك في البداية ولكن هذا يرجع فقط إلى عدد الخيارات المتاحة لديك!

يمكنك بناء الرسوم المتحركة المخصصة بعد ثلاث خطوات رئيسية واستخدام الواجهة من الأعلى إلى الأسفل:

1. اختيار نمط الحركة (التأرجح ، الشريحة ، مقياس الوجه) من الدوائر في الأعلى
2. تخصيصها مع أنواع الحركة المختلفة تحته
3. تحرير خيارات الرسوم المتحركة الخاصة بك في شريط خيارات الجانب الأيسر العائم

من خلال هذه العملية ، يمكنك تغيير المدة الإجمالية للرسوم المتحركة وأسلوب التخفيف والتأخير وكل شيء إلى حد كبير. وكل شيء يعمل من خلال CSS3 النقي, مما يجعلها أكثر إثارة للإعجاب.

لاحظ أيضًا في أعلى شريط التنقل حتى يمكنك الاختيار بين أنواع مختلفة من أنماط الرسوم المتحركة المستهدفة.

ال الافتراضي هو “الأساسية” التي يمكن أن تعمل على أي شيء إلى حد كبير (تحوم ، انقر ، أو الرسوم المتحركة الفورية). وتشمل الأهداف الأخرى نص الصفحة ، الرسوم المتحركة في الخلفية ، وحتى الرسوم المتحركة للمدخل المخصص لإحضار عنصر صفحة مخفي إلى العرض.

أنا لا سيما أحب “انتباه” الارتباط في الجزء العلوي الذي يحتوي على بعض آثار اهتزاز وهز بارد لأنماط الزر. هذه تعمل بشكل رائع على أزرار CTA لجذب الانتباه وتشجيع تفاعلات المستخدم.

بمجرد الانتهاء من إجراء التعديلات ، أنت فقط انقر على أيقونة القوس الصغير في الزاوية العلوية اليمنى من جزء المعاينة.

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

لقد استخدمت الكثير من أدوات الرسوم المتحركة المخصصة CSS ولا شك أن Animista هو الأداة الأكثر ثراءً بالميزات الموجودة هناك. إنها مجانية تمامًا ومعقدة بعض الشيء في البداية ، ولكن بمجرد فهمك للواجهة ، فهي إلى حد بعيد أفضل مولد يمكنك استخدامه.

لتجربته ، فقط قم بزيارة الصفحة الرئيسية وانقر فوق “جربني”. يمكنك أيضًا مشاركة أفكارك ومجاملاتك مع creator @ ana108 الخاص بتطبيق الويب.