Site icon مدونة عمان

شرح إضافة حركات للنص بواسطة تنسيق CSS Animation

مرحبا، اليوم نقدم لكم عمل جميل منقول لحركات النص من خلال تنسيق CSS animation، وسيكون بتطبيق مباشر وما عليكم سوى التجربة واختيار التنسيق أو الحركة المطلوبة.

ما يرد أدناه هو شرح مختصر لما جاء في صفحة المؤلف الأصلية هنا.

شرح تطبيق تنسيق الحركات لموقعك أو صفحة الويب لديك، ولنفرض أن لديك صفحات جاهزة بلغة html وتضيف إليها الحركة التي اخترتها:

  1. تحميل ملف CSS التالي من خلال هذا الرابط.
  2. رفعه إلى مجلد تطبيق الويب الخاص بك أو أي مجلد على www أو حتى استخدام الرابط الأصلي للملف دون تحميل وإعادة رفع.
  3. ربط ملف CSS في صفحة الويب من بالطريقة التالية:
    <link rel=”stylesheet” href=”CSS-FILE-LINK” />
  4. عند كتابتك للنص، قم باستخدام تنسيق class بالاسم الذي اخترته أعلاه من القائمة، على سبيل المثال:
    class=”bounce”
  5. تحديث للصفحة وستعمل حركة النص باذن الله.
Exit mobile version