将来 conic-gradient で円錐状のグラデーションをつくれるようになる
conic-gradient
を使えば円錐状のグラデーションをつくることができる。ただ残念なことに、現時点でサポートしているブラウザはない。
ブラウザでサポートされれば、以下のように書くことで円錐状のグラデーションをつくることができるはずだ。
.content { background-image: conic-gradient(white, black); }
そしてそのときの表示は以下のようになるはずだ。
CSS グラデーションには線形グラデーション(linear-gradient
)放射状グラデーション(radial-gradient
)、グラデーションの繰り返し(repeating-linear-gradient
, repeating-radial-gradient
)、大きく 3つのタイプがあった。ここに円錐状のグラデーション(conic-gradient
)が加わって表現の幅が増えることが楽しみだ。
...終わってみれば「ふーん」で終わる内容になってしまった。