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