| IE |
Chrome |
Firefox |
Safari |
Opera |
iOS |
Android |
Can I use |
10 |
OK |
4 |
4 |
12.1 |
4.3 |
4 |
CSS Gradients |
| 引数 |
初期値 |
値 |
備考 |
| （省略） |
なし |
radial-gradient の引数値 |
β版（というかテスト版） |
background-image の radial-gradient を返す。- 未対応ブラウザのフォールバックとして
background-color も返す。
- フォールバックの
background-color は開始色が使用される。
- フォールバックの
background-color を指定したい場合は、最終引数に $fallback: で指定する。
- 注意点（β版故の）
- ～
iOS 4.2 & ～ Android 3.0 に対応させたい場合は -webkit-gradient() を別途併記する。
- 指定可能な色数は最大
10 個（もしそれ以上必要なら改修するが、これ以上多くなることは無いと想定）。
- 絶賛検証中。
@mixin pe-radial-gradient() {
...
}
.class-name {
@include pe-radial-gradient(to bottom, #ffffff, #faf8f5);
}
.class-name {
background-color: #ffffff;
background-image: -webkit-radial-gradient(#ffffff, #faf8f5);
background-image: radial-gradient( #ffffff, #faf8f5);
}