گرادینت gradient برای همه ی مرورگرها
 
شرکت پویا پردازش کاسپین
مهندسی کامپیوتر

این تصاویر را ببینید:

این تصاویر رو راحت میشه با کد های css3 برای قالب سایت ایجاد کرد. حالا این گرد شدن div رو بهش توجهی نکنید . منظورم این حالت گرادینت است. 

ممکنه برای این کار در مرورگرهای مختلف بخصوص اکسپلورر دچار مشکل بشید. چون هر کدوم یه کد مخصوص به خودش رو داره.

برای مرورگر کروم و سفری:

background: -webkit-gradient(radial, 250 30, 50, 250 50, 250, from(#82D4FA), to(#5DA1C0));


برای مرورگر اکسپلورر: ورژن 8

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#82D4FA, endColorstr=#5DA1C0)";


برای ورژن 6 و 7 و 8 :

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fad59f, endColorstr=#fa9907);


سازگار با فایرفاکس:

background:-moz-linear-gradient(center top , #82D4FA, #5DA1C0) repeat scroll 0 0 transparent;


سازگاری با اپرا:

background-image: -o-linear-gradient(#82D4FA,#5DA1C0);

می توانید کدهای رنگ رو به صورت RGB هم بنویسد:

background-image: -o-linear-gradient(rgb(0,189,0),rgb(0,181,255));

من فقط همین چند تا ورژن رو امتحان کردم دیگه بقیه ی ورژن ها رو خودتون امتحان کنید.

موفق باشید.




نظرات شما عزیزان:

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:







           
29 مرداد 1393برچسب:, :: 20:52
مصطفی سیاهکالی

درباره وبلاگ


چه انتظار عجيبي !!! نه كوششي نه وفايي !!! فقط نشسته و گفتيم : خدا كند كه بيايي
آخرین مطالب
نويسندگان
پيوندها

تبادل لینک هوشمند
برای تبادل لینک  ابتدا ما را با عنوان شرکت پویا پردازش کاسپین و آدرس ppc.LXB.ir لینک نمایید سپس مشخصات لینک خود را در زیر نوشته . در صورت وجود لینک ما در سایت شما لینکتان به طور خودکار در سایت ما قرار میگیرد.







ورود اعضا:

آمار وب سایت:  

بازدید امروز : 71
بازدید دیروز : 0
بازدید هفته : 71
بازدید ماه : 145
بازدید کل : 39442
تعداد مطالب : 74
تعداد نظرات : 0
تعداد آنلاین : 1