We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent ca17ac4 commit a75f3e6Copy full SHA for a75f3e6
css-images-4/Overview.bs
@@ -1701,7 +1701,18 @@ Conic Gradient Examples</h4>
1701
width: 200px; height: 200px;
1702
</pre>
1703
1704
- <img src="images/conic5.png" alt="" >
+ You can also achieve the same effect using "longer" hue interpolation. This is more concise and makes it easy to switch to other color spaces.
1705
+
1706
+ <pre class=lang-css>
1707
+ background: radial-gradient(closest-side, gray, transparent),
1708
+ conic-gradient(in hsl longer hue, red 0 100%);
1709
+ transform: scaleX(-1);
1710
1711
+ border-radius: 50%;
1712
+ width: 200px; height: 200px;
1713
+ </pre>
1714
1715
+ <img src="images/conic5.png" alt="color wheel">
1716
</div>
1717
1718
<div class='example' id='ex-conic-pie'>
0 commit comments