nlog

とめどなく流れるよだれ

将来 conic-gradient で円錐状のグラデーションをつくれるようになる

f:id:namikuguri:20180128235721p:plain

conic-gradient を使えば円錐状のグラデーションをつくることができる。ただ残念なことに、現時点でサポートしているブラウザはない。

ブラウザでサポートされれば、以下のように書くことで円錐状のグラデーションをつくることができるはずだ。

.content {
  background-image: conic-gradient(white, black);
}

そしてそのときの表示は以下のようになるはずだ。

f:id:namikuguri:20180128234853p:plain

CSS グラデーションには線形グラデーション(linear-gradient)放射状グラデーション(radial-gradient)、グラデーションの繰り返し(repeating-linear-gradient, repeating-radial-gradient)、大きく 3つのタイプがあった。ここに円錐状のグラデーション(conic-gradient)が加わって表現の幅が増えることが楽しみだ。

...終わってみれば「ふーん」で終わる内容になってしまった。

参考