افکت زیبا برای دکمه - Distorted Button Effects (نمونه 5)

در این مطلب نمونه 5 از افکت زیبا برای دکمه یا Button با عنوان Distorted Button Effects رو در اختیارتون میزارم و امیدوارم که بدردتون بخوره و بتونین از اون در سایتتون استفاده کنید. زمانی که بر روی دکمه های مورد نظر کلیک میکنید، به زیبایی تغییر شکل میدن و افکت زیبایی رو به نمایش میزارن.

دمو

همونطور که در دمو مشاهده کردید، یک دکمه بنام Click ME وجود داره و زمانی که بر روی اون کلیک میکنید، به زیبایی تغییر شکل میده و با دور کردن ماوس از اون به حالت اول برمی گرده. برای این حالت از SVG استفاده شده است. میتونین کد مربوط به این افکت رو در زیر مشاهده کنید.

کدهای مربوط به این افکت

کد HTML :

کد CSS :

کد JS:

در این مطلب از TweenMax استفاده شده است.

امیدوارم خوشتون بیاد.

موفق باشید. یا علی

لینک دانلود

Source

animation button CSS‏ Distorted Button effect inspire javascript tweenmax