覚えておこう！ CSSのconic-gradient()関数を使用した美しいグラデーションの実装方法

CSSグラデーションといえば、linear-gradient()とradial-gradient()の線形グラデーションと放射グラデーションで実装することが多いと思いますが、もう1つ扇形グラデーションのconic-gradient()もあります。 conic-gradient()を使用した美しいグラデーションを実装するテクニックを紹介します。IEを除く、すべてのブラウザにサポートされています。 Use conic gradients to create a cool border まずは、実際のデモをご覧ください。 conic-gradient()のグラデーションは線形・放射とは異なり、色の変化は円の中心点から回転しながら色を変化させる扇型の円錐曲線グラデーションです。 See the Pen Conic Gradient Border by Adam Argyle (@argyleink

[coliss]

CSSのconic-gradient()関数を使用した美しいグラデーションの実装テクニック。

[xll]

“線形グラデーションと放射グラデーションで実装することが多いと思いますが、もう1つ扇形グラデーションのconic-gradient()もあります。”

[yarumato]

“CSSグラデーションといえば、linear-gradient()とradial-gradient()の、線形・放射で実装することが多いと思いますが、もう1つ「扇形」のconic-gradient()もあります。すべてのブラウザにサポートされています。 ”

[Shinwiki]

“覚えておこう！ ” 覚えられるようなもん作ってくれや(頼むから)

[reboot_in]

“conic-gradient()はグラデーションを中心点から拡げる放射ではなく、中心点から回転しながら色を変化させる扇型の円錐曲線グラデーション”