کدهای جذاب و دیدنی ( Rings Navigation ) : ساخت منوی حلقه ای زیبا با CSS

در این قسمت میخوام یک کد ( Rings Navigation ) جالب رو در اختیارتون بزارم.

دمو

توضیحات مربوط به کد Rings Navigation

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

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

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

برای 1 این نمونه از CSS Animation استفاده شده است و با استفاده از Javascript نیز اون رو مدیریت میکنیم.

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

موفق باشید.

یا علی

لینک دانلود

Source

attractive beauty code CSS idea inspire Rings Navigation