در این قسمت میخوام یک کد ( Water Themed UI ) جالب رو در اختیارتون بزارم.
دمو
همونطور که دیدید یک رابط کاربری زیبا قرار داده شده است و 6 دایره دور تا دور آن قرار دارد. با کلیک بر روی هر دایره، محتوای مربوط به اون نمایش داده میشه. با هاور کردن بر روی هر دایره، افکت آبی و زیبایی نمایش داده میشه و میتونین از اون ایده بگیرید.
فقط دایره مربوط به Profile شامل محتوا می باشد و بقیه خالی هستند و خودتون میتونین محتوای مورد نظرتون رو درونش قرار بدین.
برای مشاهده جزئیات میتونین وارد View Source شده و یا فایل مربوط به این نمونه رو دانلود کنید.
بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.
موفق باشید.
یا علی
لینک دانلود
Source
attractive beauty code CSS idea inspire Water Themed UI
سون لرن • آموزش...برچسب : نویسنده : استخدام کار 7learn بازدید : 341