?
This document uses PHP Chinese website manual Release
<gradient> = linear-gradient() | repeating-linear-gradient() | radial-gradient() | repeating-radial-gradient()
漸變在一個(gè)擁有尺寸的盒子中被生成,被稱之為漸變盒,但是漸變本身并沒有內(nèi)在的尺寸,也就說如果在一個(gè)沒有尺寸的容器上定義漸變,將無法被呈現(xiàn)。
<gradient> 可以應(yīng)用在所有接受圖像的屬性上
示例:
background-image: linear-gradient(white, gray); list-style-image: radial-gradient(circle, #006, #00a 90%, #0000af 100%, white 100%);
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0-9.0 | 2.0-3.5 | 4.0-9.0 -webkit- | 3.1-3.2 | 15.0+ | 3.2-4.3 -webkit- | 2.1-3.0 -webkit- | 10.0-25.0 -webkit- |
10.0+ | 3.6-15.0 -moz- | 10.0-25.0 -webkit- | 4.0-5.0 -webkit- | 5.0-6.1 | 4.0-4.3 -webkit- | 26.0+ | |
16.0+ | 26.0+ | 5.1-6.0 -webkit- | 7.0+ | 4.4+ | |||
6.1+ |