ورود

View Full Version : سوال: نحوه ایجاد ترام در بک گراند صفحه



bade saba
یک شنبه 21 اسفند 1390, 11:46 صبح
سلام
من میخام در بک گراند صفحه ترام افقی داشته باشم که مثلا از رنگ خاکستری به سفید برسه از راست به چپ این کد زیر رو پیدا کردم که وقتی تستش میکنم جواب میده اما هیچی ازش نمیفهمم که به شکلی که خودم میخام تغییرش بدم.
اگه دوستان این کد رو کامل برای من توضیح بدن واقعا ممنون میشم

background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(left, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */

khanlo.javid
یک شنبه 21 اسفند 1390, 12:02 عصر
با سلام

دوست من این کد عجیبی نیستش فقط چند تا کد اضافه شده تا تو مرورگر های دیگه هم جواب بده


موفق باشید

hightech
یک شنبه 21 اسفند 1390, 12:08 عصر
تمام اين خطوط يكي هستند، فقط براي مرورگرهاي مختلف نوشته شده
اينجا (http://webdesignerwall.com/tutorials/cross-browser-css-gradient) و اينجا (http://www.colorzilla.com/gradient-editor/) رو ببينيد