CSS3漸變左中右可以讓網頁設計更加生動,給用戶帶來良好的視覺體驗。
background: -moz-linear-gradient(left, #FFFFFF 0%, #000000 100%); background: -webkit-linear-gradient(left, #FFFFFF 0%, #000000 100%); background: linear-gradient(to right, #FFFFFF 0%, #000000 100%);
以上代碼實現的是一個從左到右的黑白漸變,可以根據需要更改起始和結束顏色,以及方向(left、right、top、bottom等)。
background: -moz-linear-gradient(left center, #FFFFFF 0%, #000000 100%); background: -webkit-linear-gradient(left center, #FFFFFF 0%, #000000 100%); background: linear-gradient(to right, #FFFFFF 0%, #000000 100%) center;
以上代碼實現的是一個從中間開始的黑白漸變,同樣可以根據需要更改起始和結束顏色。
background: -moz-linear-gradient(right, #FFFFFF 0%, #000000 100%); background: -webkit-linear-gradient(right, #FFFFFF 0%, #000000 100%); background: linear-gradient(to left, #FFFFFF 0%, #000000 100%);
以上代碼實現的是一個從右到左的黑白漸變,同樣可以根據需要更改起始和結束顏色,以及方向。
上一篇mysql查詢可用空間