در این مطلب به بعد قصد داریم تا یکی دیگر از نکات موجود درزبان برنامه نویسی CSS3 را مورد بررسی قرار دهیم و آن هم انیمیشن عناصر است که در این زبان وجود دارد.قصد داریم تا شما را با خواص این مفهوم آشنا کنیم.
ساخت انمیشین و تصاویر متحرک در CSS 3 :

در CSS 3 شما می توانید انمیشن های ساده ای بسازید که جایگزین عکس های متحرک ، فایل های فلش و یا ساختار های گرافیک در صفحات وب باشند .
جالب توجه است که شما می توانید این انمیشن ها و تصاویر متحرک را بدون نیاز به هیچ برنامه گرافیکی جانبی و فقط با نوشتن کدهای ساده در CSS 3 ایجاد نمایید .
در تصاویر متحرکی که در CSS 3 ساخته می شود شما می توانید کاری کنید که یک عنصر از یک شکل و اندازه ، به صورت تدریجی به یک شکل و اندازه دیگر تغییر وضعیت دهد و این تغییر باعث می شود ، تا یک افکت تصویری ایجاد شود .
در این مطلب قصد داریم تا روش ساخت تصاویر متحرک در CSS 3 را به شما آموزش دهیم . البته این کار در چند مرحله انجام می شود که به ترتیب به شرح آنها می پردازیم .

برای این منظور ۲ مرحله اصلی زیر را باید انجام دهید :

  1. تعیین تغییراتی که می خواهید در عنصر مورد نظر خود انجام دهید ، در ساختار keyframes @.
  2. تعیین عنصر مورد نظر خود جهت اعمال تغییر با استفاده از خاصیت animation .