بک لینک

ترفندی جالب راجع به background:gradient
#1
سلام، تا حالا براتون اتفاق افتاده که بخواید از background:gradient استفاده کنید اما وقتی متوجه میشید که بیش تر مرورگرهای قدیمی اون رو اجرا نمی کنن (و ماشالاه ماشالاه اکثر افراد از مرورگرهای قدیمی استفاده می کنن) و یا مطلوب اجرا نمی کنن، پشیمون بشید؟ اما یه راه خیلی ساده تر هم هست که احتمالا بعضی از دوستان اون رو پیدا کرده باشن! برای مثال ما میخوایم رنگ زرد از بالا به پایین به سیاه تبدیل بشه. برای این کار ما میایم یک عکس مثل زیر درست می کنیم (1px * 2px):

.png   bg.png (اندازه: 933 bytes / تعداد دفعات دریافت: 38)
توجه: من عکس بالا رو به خاطر اینکه شما بهتر ببینید، 10px * 20px درست کردم ولی اصلش 1px * 2px هست
و حالا با این کد:
کد:
background-image:url(bg.png);background-size:contain;
همون نتیجه ای رو که با background:gradient می گرفتیم خیلی ساده تر و بهتر خواهیم دید
نکته: bg.png همون عکسیه که بالاتر درستش کردیم
منتظر نظرای شما در رابطه با این ترفند هستم...
پاسخ
 سپاس شده توسط TYphon ، HSG
#2
ممنون از اموزشتون





طراحی اختصاصی سایت
پاسخ
#3
یعنی چی من این کد رو اجرا کردم اصلا اجرا نشد من خودم طراحم ولی تا الان این مدلیشو ندیده بودم
پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان