Skip to content

Commit a75f3e6

Browse files
committed
[css-images-4] Add the use of “longer” hue interpolation for the color wheel in the example
Fix #1222
1 parent ca17ac4 commit a75f3e6

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

css-images-4/Overview.bs

+12-1
Original file line numberDiff line numberDiff line change
@@ -1701,7 +1701,18 @@ Conic Gradient Examples</h4>
17011701
width: 200px; height: 200px;
17021702
</pre>
17031703

1704-
<img src="images/conic5.png" alt="" >
1704+
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">
17051716
</div>
17061717

17071718
<div class='example' id='ex-conic-pie'>

0 commit comments

Comments
 (0)