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

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

دمو

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

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

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

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

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

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

موفق باشید.

یا علی

لینک دانلود

Source

attractive beauty code CSS‏ idea inspire Rings Navigation