css3 給背景設置漸變色的方法
發(fā)布時間：2019-09-12 15:41:41 作者：佚名 
我要評論
我要評論這篇文章主要介紹了css3編寫瀏覽器背景漸變背景色的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
css 給網(wǎng)頁中的背景設置漸變色，css的漸變顏色可以指定固定的兩個顏色之前的線性過度，這個css3屬性只支持高版本的瀏覽器。
//瀏覽器前綴 background: linear-gradient(red, blue); background: -webkit-linear-gradient(red, blue); background: -o-linear-gradient(red, blue); background: -moz-linear-gradient(red, blue);
to top :顏色從下往上漸變：
background:-webkit-linear-gradient(to top, red, blue); background:linear-gradient(to top,red,blue);
to bottom :顏色從上往下漸變：
background:-webkit-linear-gradient(to bottom, red, blue); background:linear-gradient(to bottom,red,blue);
to left :顏色從右往左漸變：
background:-webkit-linear-gradient(to left, red, blue); background:linear-gradient(to left,red,blue);
to right :顏色從左往右漸變
background:-webkit-linear-gradient(to right, red, blue); background:linear-gradient(to right,red,blue);
to right :顏色從左往右漸變
background:-webkit-linear-gradient(to right, red, blue); background:linear-gradient(to right,red,blue);
to bototm right :顏色從左上角度到右下角漸變
background:-webkit-linear-gradient(to right, red, blue); background:linear-gradient(to right,red,blue);
to top left :顏色從右下角度到左上角漸變
background:-webkit-linear-gradient(to right, red, blue); background:linear-gradient(to right,red,blue);
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
通過css3背景控制屬性+使用顏色過渡實現(xiàn)漸變效果
這篇文章主要介紹了css3神奇的背景控制屬性+使用顏色過渡實現(xiàn)漂亮的漸變效果,非常不錯，本文通過實例代碼效果圖展示的非常詳細，需要的朋友可以參考下2020-02-03
這篇文章主要介紹了css3實現(xiàn)背景動態(tài)漸變效果,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-12-10- 這篇文章主要介紹了用CSS3實現(xiàn)背景漸變的方法,作者并沒有給出效果demo這個比較殘念...需要的朋友可以參考下2015-07-14
- 本文通過實例代碼給大家介紹了CSS3實現(xiàn)漸變背景兼容問題，代碼簡單易懂，非常不錯，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧2020-05-06
