Tuesday.css هي مكتبة الرسوم المتحركة الأكثر سخونة الآن
الآن يجب أن تكون على دراية بالفعل Animate.css مثل مكتبة الرسوم المتحركة الأساسية بين مصممي الويب.
ولكن هناك طفل جديد على الكتلة اسمه الثلاثاء, وانها أخذ الرسوم المتحركة على شبكة الإنترنت عن طريق القوة.
هذه المكتبة الجديدة لا تختلف كثيرًا في التنسيق أو التنفيذ. ولكن الثلاثاء يأتي مع حفنة من الرسوم المتحركة الجديدة المغلق انه انت لا يمكن أن تجد في أي مكان آخر.
هذه الآثار الجديدة هي أكثر دقة في الطبيعة لذلك هم حقا مزيج في صفحة جيد. هنا أ قائمة صغيرة من الآثار يمكنك الاختيار من:
- تتلاشى وتوسيع
- تتلاشى وتقلص
- ختم أسفل وترتد
- أرجوحة الزاوية
- انخفاض في من اليسار / اليمين
- الاسكواش / تمتد
- مفصل
إذا ذهبت من خلال هذه القائمة على الصفحة التجريبية ، ستلاحظ أن جميع الآثار لها شيء واحد مشترك: الفيزياء.
انهم جميعا يشعرون جدا واقعية لأساسيات الفيزياء, ويبدو أنهم ل الالتزام بقوانين الجاذبية. أيا من هذه الرسوم المتحركة هي الإفراط في القمة أو غريبة. هم خفية لكنها ملحوظة والأهم من ذلك ، انهم معقول.
أعتقد أن الثلاثاء أحد أفضل مكتبات الرسوم المتحركة الحديثة في CSS لأنه يقدم رؤية واقعية للرسوم المتحركة على شبكة الإنترنت.
لا ينبغي لنا تصميم تأثيرات واجهة مجنونة تبرز كإبهام مؤلم. حدة الذهن هو دائما اسم اللعبة لأنها يخلق شعور التفاعل من أي إدخال المستخدم سواء كان نقرة أو التمرير.
تكمن المشكلة دائمًا في كتابة هذه الرسوم المتحركة من نقطة الصفر وجعلها تبدو بشكل صحيح. ولكن الآن مع الثلاثاء ، يمكن أن تطير مخاوفك من الباب.
مجرد قم بتنزيل نسخة من جيثب و أضف ال .المغلق الملف إلى صفحتك. يمكنك فعلا استخدام نسخة CDN مباشرة من جيثب إذا كنت لا تريد تنزيل أي شيء محليًا.
بمجرد إضافة هذا إلى صفحة الويب الخاصة بك ، فقط إلحاق .حي فئة جنبا إلى جنب مع أي من الطبقات الملكية المدرجة في ريبو جيثب. قد يبدو رمزك كالتالي:
إنه الثلاثاء.
نلقي نظرة على وثائق كاملة لترى قائمة بجميع فئات الرسوم المتحركة داخل / خارج.
إذا كنت تعمل مع JavaScript ، يمكنك أيضًا إضافة هذه الفئات بشكل حيوي على انقر فوق / تحوم الأحداث. وبهذه الطريقة ، يمكنك إضافة فئة الرسوم المتحركة فقط عندما ينقر المستخدم على زر ، والذي يبدو أنه سيحرك عند النقر.
هناك الكثير الذي يمكنك القيام به يوم الثلاثاء ، وهو حقًا Animate.css الجديد للرسوم المتحركة العملية لواجهة المستخدم.
نلقي نظرة خاطفة على الصفحة التجريبية لرؤيتها مباشرة في العمل ، ويمكنك معرفة المزيد من خلال القراءة من خلال بهم “فى صنع” بريد الذي يتحدث عن كيفية إنشاء فريق شاكر الثلاثاء.
