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

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

دمو

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

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

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

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

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

موفق باشید.

یا علی

لینک دانلود

Source

attractive beauty code CSS‏ Cube page navigation idea inspire