راکت
حل شده

انیمیشن های جذاب

4 پاسخ

سلام به همگی بنده برام سوال پیش اومد وقتی این صفحه ی وب رو دیدم شما هم یک نگاه بندازین
کسی میدونه اینو چ شکلی درست کردن
https://quera.ir/
همون صفحه ی اول یه انمیشنی هست که وقتی روی یه نوشته میری از اون طرف اون آدمی که نشسته بلند می شه بعد اگه برین روی یدونه دیگه باز انیمیشن عوض میشه
می خواستم بدونم چ شکلی می تونم اینو یاد بگیرم

ثبت پرسش جدید

پاسخ‌ها

4
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

بهترین پاسخ

دوستان اشاره کردن، با یادگیری اصول اولیه css و Js قابل پیاده سازی هستش.
توضیح اینکه: اون آدمک ها در واقع عکس های مجزا از هم هستند و در متحرک سازی، نسبت به مکان اولیه شون کمی بالا می روند.

ارتباط بین رویداد ِ"قرارگیری اشاره گر روی دکمه" و "حرکت آدمک ها" هم بکمک Js شکل میگیره.

صدرا حکیم
صدرا حکیم
@sadrahkm

تخصص: توسعه دهنده لاراول

سلام
شما اول از همه نیاز دارید با html و css آشنایی لازم رو داشته باشید. بعد از اون باید سراغ جاوا اسکریپت برید.
این انیمیشین ساده با استفاده جاوا اسکریپت پیاده سازی شده

سید حسین رضوی
سید حسین رضوی
@hossein.r.1442

تخصص: برنامه نویس وب و طراح رابط کاربری

@sadrahkm0000
این انیمیشنی که توی این صفحه میبینید به راحتی میتونید با css پیاده کنید با خاصیت transition اینجا توضیح داده
https://www.w3schools.com/css/css3\_transitions.asp

شاید پاسخ شما همین‌جا باشد

سیدعلی موسوی
سیدعلی موسوی
@juza66

تخصص: سی شارپ و پی اچ پی

شما خیلی راحت با css یا جاوا اسکریپت میتونین انجامش بدین، کافیه تابع hover در جی کوئری یا در css رو بدونی.بعدش میشه با transition یا keyframes وضعیت یک عکس یا هرچیزی رو تغییر بدی.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام