يمكنك مذاكرة درس ال animation و حل الاختبار من هنا من هنا |
https://nouvil.net/css-play-ground/css-animation-playground/
-----------------------------------


للتواصل معي :
instagram |
https://www.instagram.com/abdelrahman_noufal/
-----------------------------------
facebook |
https://www.facebook.com/abdelrahman.g.nofal
-----------------------------------
جروب الفيسبوك الخاص بنا |
https://www.facebook.com/groups/1810581845642171
-----------------------------------

ما هي animation css ؟
ال animation css ببساطة تتيح لك تحريك عناصر ال html من حالة الى اخرى و في هذا الدرس سيتم شرح التالي:
@keyframes
animation-name
animation-duration
animation-delay
animation-iteration-count
animation-direction
animation-timing-function
animation-fill-mode
animation

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

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

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

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