شرح التأثيرات الحركية CSS Animation

شرح التأثيرات الحركية CSS Animation

اليوم اقدم لكم شرح كامل لأضافة تأثيرات ال css في قوالب بلوجر بعد ما طلبني عليه الكثير من المتابعين لذالك قررت وضع فيديو يشرح فيه الطريقة كاملة 

مشاهدة ممتعة




لتطبيق التأثير نضيف
هذا 

    animation: pulse .8s linear infinite;

  1. pulse=هنا تكتب اسم اي حركة اعجبتك
  2. 8s=هنا مدة التأثير
  3. linear infinite=هنا كم من مرة تعاد الحركة 



لتحميل الكود الاول من هنا
هذا الكود للحصول على اسماء الحركات من هنا  و الموقع لمشاهدة التأثيرات من هنا


و هنا اضافة تموجات 
-webkit-animation: sonarWarning 1.8s linear infinite;
    -moz-animation: sonarWarning 1.8s linear infinite;
    animation: sonarWarning 1.8s linear infinite;