div{
　　background: -webkit-linear-gradient(top, #2073B9, #11538D); /* Safari 5.1 - 6.0 */
　　background: -o-linear-gradient(bottom, #2073B9, #11538D); /* Opera 11.1 - 12.0 */
　　background: -moz-linear-gradient(bottom, #2073B9,#11538D); /* Firefox 3.6 - 15 */
　　background: linear-gradient(to bottom, #2073B9 , #11538D); /* 標準的語法（必須放在最后） */
}
注意方向的變化！

轉載于:https://www.cnblogs.com/shuimuDT/p/6151458.html

總結

以上是生活随笔為你收集整理的背景线性过渡css的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。