css3 給背景設(shè)置漸變色的方法
發(fā)布時(shí)間:2019-09-12 15:41:41 作者:佚名
我要評(píng)論

這篇文章主要介紹了css3編寫(xiě)瀏覽器背景漸變背景色的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
css 給網(wǎng)頁(yè)中的背景設(shè)置漸變色,css的漸變顏色可以指定固定的兩個(gè)顏色之前的線(xiàn)性過(guò)度,這個(gè)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);
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
通過(guò)css3背景控制屬性+使用顏色過(guò)渡實(shí)現(xiàn)漸變效果
這篇文章主要介紹了css3神奇的背景控制屬性+使用顏色過(guò)渡實(shí)現(xiàn)漂亮的漸變效果,非常不錯(cuò),本文通過(guò)實(shí)例代碼效果圖展示的非常詳細(xì),需要的朋友可以參考下2020-02-03css3實(shí)現(xiàn)背景動(dòng)態(tài)漸變效果
這篇文章主要介紹了css3實(shí)現(xiàn)背景動(dòng)態(tài)漸變效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-10- 這篇文章主要介紹了用CSS3實(shí)現(xiàn)背景漸變的方法,作者并沒(méi)有給出效果demo這個(gè)比較殘念...需要的朋友可以參考下2015-07-14
CSS3實(shí)現(xiàn)漸變背景兼容問(wèn)題
本文通過(guò)實(shí)例代碼給大家介紹了CSS3實(shí)現(xiàn)漸變背景兼容問(wèn)題,代碼簡(jiǎn)單易懂,非常不錯(cuò),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2020-05-06