設計資源

強大的CSS背景漸層

以前說到網頁背景透明背景漸層就一定要用png pattern，如果客戶刁鑽要改漸層樣是或是透明度，真的讓人很抓狂，現在CSS3可以讓你輕鬆完成!

#grad {
  background-image: linear-gradient(red, yellow);
}
#grad {
  background-image: linear-gradient(red, yellow, green);
}

#grad {
  background-image: linear-gradient(to right, red , yellow);
}
#grad {
  background-image: linear-gradient(to bottom right, red, yellow);
}
#grad {
  background-image: linear-gradient(-90deg, red, yellow);
}

#grad {
  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
}

更多的CSS參數設定請參考https://www.w3schools.com/css/css3_gradients.asp