CSSのグラデーションで最近追加されたconic-gradient。これを使うと放射状の光線を表現できるようなので、前々から存在は気になっていました。実際に触ってみた。光線ということで「太陽」を作ってみました。それでは、いきましょう! 【目次】 CSSグラデーションの種類 linear-gradient(線形グラデーション) radial-gradient(放射状グラデーション) conic-gradient(円錐状グラデーション) repeating-conic-gradientでリピートする conic-gradientのブラウザ対応状況とポリフィル 最後に CSSグラデーションの種類 今回作った「太陽」はこちら。画像無し。CSSグラデーションを使っている。 今の所この3種類がある。 CSSグラデーション 備考 linear-gradient 線形グラデーション radial-grad
![【CSS】conic-gradientで放射状の光線を放つ太陽を作る - クモのようにコツコツと](https://cdn-ak-scissors.b.st-hatena.com/image/square/d52a48e9d35ff684b7febe99d501be3e3722cbd1/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fi%2Fidr_zz%2F20190804%2F20190804105455.jpg)