CSSのグラデーションconic-gradient()関数は、conic(円錐)の名のとおり、円錐状にグラデーションを描画するものです。conic-gradient()関数を使用すると、円錐状のグラデーションはもちろん、集中線や市松模様といった表現が手軽に実装できます。 ▼ conic-gradient()関数で実装したグラデーション例 ▼ conic-gradient()関数で実装した演出例 サンプルを別ウインドウで開く 本記事ではconic-gradient()関数の基本的な使い方を解説しつつ、応用的な表現やクロスブラウザ対応の方法を紹介します。 conic-gradient()関数の基礎 linear-gradient()関数・radial-gradient()関数との比較 CSSでグラデーションを実現する手段は次の3種類があります。 linear-gradient()関数: 直線状
![CSSで円グラフや集中線が描けるconic-gradient入門 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/517fa40a18f139cf86a34a1a4f161a01710bf83a/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F18966%2Fimages%2Feyecatch.jpg)