آموزش ساخت انیمیشن با jQuery

برای ایجاد این نوع انیمیشن از HTML5، CSS3 وJ Query استفاده میکنیم . در CSS3، از ()transform:scaleX برای حرکت اجسام در جهت های مختلف استفاده میکنیم.

اشیای استفاده شده:

School

School Bus

KM Sign Board

در HTML، از تگ <div> استفاده میکنیم. در این تگ پنج عکس ؛ مدرسه، تابلو KM (سه تصویر) و اتوبوس مدرسه ،را قرار میدهیم.

کد برای محو شدن مداوم و محو شدن یک تصویر

 

کد زیر را برای حرکت اتوبوس مدرسه از چپ به راست و راست به چپ است

 

کد کامل JS

 

HTML

 

CSS

 

دانلود سورس کد
پسورد : csharpoop.com
پيش نمايش آنلاين

آموزش ساخت انیمیشن با jQuery
5 (100%) 1 رای

(397 نوشته)

C# Programmer , Web Design And Developer , MVC , ASP.NET

فکر شما چیست؟

آدرس ایمیل شما منتشر نخواهد شد. بخشهای موردنیاز علامتگذاری شدهاند *

حاصل جمع اعداد را وارد کنید : *