نحوه سایه روشن کردن پس زمینه

[mona_bh]

سلام

لطفا در مورد نحوه سایه روشن کردن بک گراند منو راهنمایی کنید باید با فتو شاپ انجام بشه یا کد داره؟

[behzadkhatari]

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

http://gradients.glrzad.com/
http://www.colorzilla.com/gradient-editor/

ولی این نکته رو در نظر بگیر که این کدها چون مربوط به css3 هستن توی مرورگرهای قدیمی مثل ie 6,7,8 نشون نمیده و باید از pie استفاده کنی. در کل اگه از عکس استفاده کنی بهتره

[cyrusthegreat]

دوست عزیز

فکر نکنم به سایه روشن، gradient بگن ها؟ منظور ایشون shadow بوده.

خب برای سایه دادن به المانتون می تونید از box-shadow استفاده کنید. نگاه کنید، یک دستور box-shadow به این صورت نوشته می شه:
box-shadow: h-shadow v-shadow blur spread color inset;
که مقادیر اون به ترتیب به این صورت هستن:

h-shadow: که محل قرار گیری افقی سایه مارو مشخص می کنه.
v-shadow: که محل قرار گیری عمودی سایه مارو مشخص می کنه.
blur: حالت بلورین که سایه داره، یعنی تعداد پیکسل هایی که سایه ما از رنگ مشخص شده، به بی رنگ تغییر کنه با این مشخص می شه.
spread: اندازه سایه
color: رنگ سایه
inset: برای تغییر اینکه سایه ما بجای اینکه به خارج اعمال بشه، به داخل المنت اعمال بشه.


مثال: box-shadow: 0 20px 10px rgba(0, 0, 0, 0.5);

[s2/mri]

سلام
نظر دوستان کاملا درست ولی تو مرورگری مثل ie (قبل نسخه 9) جواب میده!!!
به نظر من اگه هم میخوای سایه داشته باشه هم گرادیانت با فتوشاپ طراحی کن به برای سبک تر شدن صفحه یه تیکه چند پیکسلی از عکس بگیر . اون عکسو با CSS بگراند یه div بذار و بعد اون تیکه عکسو با repeat-x تکرار کن