شما می توانید با ویژگی انیمیشن وب سایت خود را پویا و جذاب کنید و طراحی منحصر به فردی در وب سایت ایجاد کنید.
برای اکثر عناصر HTML با قابلیت animation در Css، بدون استفاده از جاوا اسکریپت و jquery انیمیشن ایجاد کنید.
ویژگی animation اجازه می دهد که یک عنصر HTML در یک بازه زمانی از یک Style به Style دیگری تغییر کند.
برای استفاده از ویژگی animation ابتدا باید یک Keyframe برای این ویژگی تعریف کنید.
مدت زمان اجرای انیمیشن را به بازه های مختلف تقسیم میکنیم و برای هرکدام Style را مشخص میکنیم
در این مثال زمانی که انیمیشن شروع می شود و زمانی که 100 درصد کامل می شود top صفر اختصاص داده ایم.
برای زمانی که انیمیشن تا 50 درصد تکمیل می شود، Top را 70px را اختصاص می دهیم.