کدهای جذاب و دیدنی ( Water Themed UI ) : رابط کاربری زیبا با طرح آبی

در این قسمت میخوام یک کد ( Water Themed UI ) جالب رو در اختیارتون بزارم.

دمو

توضیحات مربوط به کد Water Themed UI

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

فقط دایره مربوط به Profile شامل محتوا می باشد و بقیه خالی هستند و خودتون میتونین محتوای مورد نظرتون رو درونش قرار بدین.

برای مشاهده جزئیات میتونین وارد View Source شده و یا فایل مربوط به این نمونه رو دانلود کنید.

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

موفق باشید.

یا علی

لینک دانلود

Source

attractive beauty code CSS‏ idea inspire Water Themed UI