کدهای جذاب و دیدنی ( Buttons Depth Effect ) : افکت عمقی زیبا برای انتخاب دکمه

در این قسمت میخوام یک کد ( Buttons Depth Effect ) جالب رو در اختیارتون بزارم.

دمو

توضیحات مربوط به کد Buttons Depth Effect

همونطور که دیدید دو دکمه بصورت سوئیچی و زیبا قرار داده شده اند و با کلیک بر روی هر کدام یک افکت عمقی زیبا نمایش داده میشه و دکمه مورد نظر انتخاب میشه.

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

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

برای ساخت این کد از CSS Animation و انتقال سه بعدی استفاده شده است و با کمک Javascript هم کلاس های مورد نظر رو اضافه یا حذف میکنیم.

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

موفق باشید.

یا علی

لینک دانلود

Source

attractive beauty Buttons Depth Effect code CSS‏ idea inspire