طیف رنگی بک گراند یا همون gradient

خوب. سی اس اس به این صورته:

.gradient
{
    background-color: #f8aa53;
    background-image: -moz-linear-gradient(#f8aa53, #d47100);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8aa53), to(#d47100));    
    background-image: -webkit-linear-gradient(#f8aa53, #d47100);
    background-image: -o-linear-gradient(#f8aa53, #d47100);
    background-image: -ms-linear-gradient(#f8aa53, #d47100);
    background-image: linear-gradient(#f8aa53, #d47100);
}

رنگ اول ینی f8aa53، رنگ بالاییه و d47100 رنگ پایینیه!

اینم یه مثال:

 

 

حالا اگه میخواین لبه هاشو گرد کنید باید از گرد کردن لبه استفاده کنید:

 

 

 

من یه بردر 2 پیکسلی هم بهش دادمنیشخند

(با عرض شرمندگی به دلیل محدودیت ادیتور پرشین بلاگ، توی این مثال فقط تونستم style برای Firefox بدم. ینی این مثالای من فقط روی firefox کار میکنه. ولی اگه شما از cssی که گفتم استفاده کنید برای همه بروزرها جواب میده.)

/ 0 نظر / 190 بازدید