背景顏色漸變

2021-09-25 00:08:49 字數 775 閱讀 2217

專門做漸變顏色的

這種漸變色,瀏覽器要當做背景解析的,所以應該給background-image

引數1:漸變的方向

to 乙個方向

還可以寫角度,0deg在正下,值越大,越順時針旋轉

後面的引數是顏色,至少2個顏色,顏色要》=2

第乙個顏色後面寫乙個百分比,代表在什麼位置結束

後面的顏色再寫百分比,代表在什麼位置開始,再寫乙個同樣的顏色寫百分比代表在什麼位置結束

background-image: linear-gradient(to right,red,blue,green,yellow,hotpink); 

background-image: linear-gradient(0deg,red,blue);

background-image: linear-gradient(to right,red 30%,blue 30%,blue 60%, green 60%);

background: linear-gradient(to right,red,blue) repeat left top / 150px 100px;

background-image: linear-gradient(to right,red 60%,blue);

/* 線性漸變瀏覽器是當背景來解析了,所以背景能用的,它也能用 */

background-image: radial-gradient(100px at center,red,blue,green);

背景顏色漸變

css3 漸變 gradient 可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。以前,你必須使用影象來實現這些效果,現在通過使用 css3 的漸變 gradients 即可實現。此外,漸變效果的元素在放大時看起來效果更好,因為漸變 gradient 是由瀏覽器生成的。1 語法 backgroun...

css3 顏色 背景 漸變

漸變放在 css裡的語句 一定要按這個順序排,才不會出錯。否則 有的瀏覽器會不正常,今天本來調好了,發現ie9不行,搞了半天不行,崩潰了 最後準備還是使用背景算了 最後一次 測試,終於搞定 background moz linear gradient top,fefefe,d3ecff moz火狐 ...

android 背景顏色漸變(梯度變化)

首先在drawable資料夾下面新建乙個xml檔案,起名為bgcolor.xml。如下 xml version 1.0 encoding utf 8 shape xmlns android gradient android startcolor 000000 android endcolor fff...