ساخت منوی آبشاری با css3

ساخت منوی آبشاری با css3

تاریخ انتشار: 20 بهمن 1392

تعداد بازدید: 5 نفر

در طراحی سایت بسیار مهم است که بتوان با استفاده از css تمامی المنت ها طراحی و ساماندهی شوند زیرا در این صورت از طرفی سرعت لود صفحه بسیار کم خواهد بود و طرف دیگر مدیریت ظاهر سایت با استفاده از css بسیار آسان تر خواهد بود.
در این مطلب قصد داریم چند نمونه پر کاربرد از استفاده از css3 را که در نمونه های پیشین آن موجود نبوده است توضیح دهیم.
در ابتدا بهتر است از مرورگری استفاده کنید که css3 را پشتیبانی کند در غیر این صورت ظاهر آن به گونه ای که طراحی کرده اید به شما نمایش داده نخواهد شد.
در زیر تصویری که آوره ایم که در آن از دو مرورگر متفاوت استفاده شده است که همانطور که ملاحظه می کنید یکی از آن ها css3 را پشتیبانی می کند و دیگری خیر.

همانطور که ملاحظه می کنید در تصویر اول گوشه ها به صورت صاف و خطی نمایش داده شده اند اما در تصویر دوم گوشه ها به صورت گرد نشان داده می شوند پس لازم است که تا زمانی که تمامی مرورگرها به روز نشده اند از مرورگری استفاده کنید که به روز شده است که css3 را پشتیبانی کند.
برای افزودن افکت به منوها تنها از یک تصویر با پس زمینه ی سفید استفاده می کنیم البته css3 نیز ویژگی را داراست اما به دلیل این که هنوز برخی از مرورگرها آن را پشتیبانی نمی کنند پس بهتر است از تصاویر استفاده کنیم.

و با استفاده از تغییر رنگ در پس زمینه می توانید گرادیانت را عوض کنید.

و اما چگونگی نوشتن خصوصیات را در دو تصویر زیر ملاحظه می کنید:

توجه داشته باشید که تصویر زیر را باید به طور کامل در فایل css خود درج کنید:


اشتراک گذاری:
021-41658