[css-images-4] Add the use of “longer” hue interpolation for the color wheel in the example (#11755)

Fix #1222

Author: yisibl

css-images-4/Overview.bs

@@ -1717,7 +1717,17 @@ Conic Gradient Examples</h4>
 			width: 200px; height: 200px;
 		</pre>
 
-		<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.
+
+		<pre class=lang-css>
+			background: radial-gradient(closest-side, gray, transparent),
+			            conic-gradient(in hsl longer hue, red 0 100%);
+			transform: scaleX(-1);
+			border-radius: 50%;
+			width: 200px; height: 200px;
+		</pre>
+
+		<img src="images/conic5.png" alt="color wheel">
 	</div>
 
 	<div class='example' id='ex-conic-pie'>