کدهای جذاب و دیدنی ( Cube page navigation ) : ساخت صفحات سه بعدی و مکعبی

در این قسمت میخوام یک کد ( Cube page navigation ) جالب رو در اختیارتون بزارم.

دمو

توضیحات مربوط به کد Cube page navigation

همونطور که دیدید بخش های مختلف یک وبسایت بصورت سه 1 در وجه های یک مکعب قرار داده شده است و با استفاده از گزینه های بالای صفحه میتونین بصورت سه بعدی بین 1 جابجا بشید.

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

همونطور که میبینید یک مکعب با استفاده از CSS 1ه شده و محتوای مورد نظر مربوط به 4 بخش در 4 وجه اون قرار گرفته است. با کلیک کردن بر روی منوی بالای صفحه، در Javascript وجه مورد نظر مربوط به اون آیتم رو پیدا میکنیم و نمایش میدیم.

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

موفق باشید.

یا علی

لینک دانلود

Source

attractive beauty code CSS Cube page navigation idea inspire