آموزش و سورس کد انیمیشن در سی اس اس

سی اس اس زبان کد نویسی برای وب و برای افکت دهی به تگ های هستش . که می شه بعضی کار های انیمیشنی هم باهاش کرد.

در سی اس اس از انیمیشین برای حرکت تگ ها یا تغییر شکل و رنگ و . . . می شه استفاده کرد.

البته کد هایی که در ادامه بهتون می دم برای سی اس اس 3 هستش!

اول پشتیبانی مرورگر ها:

آی ای از انیمیشن های سی اس اس 3 پشتیبانی نمی کنه.

فایر فاکس با پیشوند -moz- پشتیبانی می کنه البته امکان داره که فایر فاکس های نسخه بالاتر از کد به صورت کامل پشتیبانی بکنن.

کروم و سفری با پیشوند -webkit- پشتیبانی میکنند.پ

اپرا با پیشوند -o- پشتیبانی میکنه.

برای این که اینیمشین رو یاد بگیرید باید اولkeyframs @ رو بفهمید چیه.در حقیقت باید در داخل اون ما مجموعه کد هامون رو بنویسیم (کد های انیمیشن) بعد در قسمت دیگه توضیح بدیم تا استفاده کنه.

مثلا:

@keyframs FavoriteName

{

         from{background:red;}

         to{background:yellow;}

}

یا مثلا :

@-moz-keyframs FavoriteName

{

         from{background:red;}

         to{background:yellow;}

}

FavoriteName نامی که شما روی این قسمت می گذارید تا در جای دیگه استفاده کنید.

تا این جا ما فقط کد رو تعریف کردیم و اگر اجرا کنیم مرورگر نمیفهمه ما برای کدوم تگ این رو تعریف کردیم.

پس باید از این کد استفاده کرد:

div

{

      animation: FavoriteName 5s;

}

تو این جا ما اول انیمیشن رو می نویسیم بعد میگیم که از کجا دستور رو بگیره .برای این که بگیم از کجا دستور رو بگیره نامی رو که بهش دادیم رو استفاده می کنیم.پس باید ما از نام FavoriteName استفاده کنیم. بعد باید بگیم که چند ثانیه طول بکشه تا انیمیشن اجرا بشه.

نوشته شده از مدیر سایت استارت دانلود

در صورتی که متوجه نشدید می تونید هر سوالی در مورد هر زبان برنامه نویسی یا کد نویسی رو به آدرس Aliserver@yahoo.com بفرستید.