کدهای جذاب و دیدنی ( Elastic Burger Animation ) : انیمیشن فنری برای آیکون همبرگر

در این قسمت میخوام یک کد ( Elastic Burger Animation ) جالب رو در اختیارتون بزارم.

توضیحات مربوط به کد Elastic Burger Animation

همونطور که دیدید یک آیکون همبرگری قرار گرفته و زمانی که بر روی اون هاور میکنید به زیبایی عکس العمل نشون میده و یک انیمیشن فنری مانند رو نمایش میده.

با کلیک کردن بر روی این آیکون، به X تبدیل میشه.

این آیکون با SVG ساخته و با استفاده از TweenMax حالت انیمیشنی و فنری برای اون در نظر گرفته شده است.

میتونین وارد View Source شده و خودتون کدها رو مشاهده کنید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source