Date: Thu, 20 Feb 2025 22:16:56 +0800
Subject: [PATCH] =?UTF-8?q?[css-images-4]=20Add=20the=20use=20of=20?=
=?UTF-8?q?=E2=80=9Clonger=E2=80=9D=20hue=20interpolation=20for=20the=20co?=
=?UTF-8?q?lor=20wheel=20in=20the=20example?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Fix #1222
---
css-images-4/Overview.bs | 12 +++++++++++-
1 file changed, 11 insertions(+), 1 deletion(-)
diff --git a/css-images-4/Overview.bs b/css-images-4/Overview.bs
index 261a861f0c9..2aa555cd919 100644
--- a/css-images-4/Overview.bs
+++ b/css-images-4/Overview.bs
@@ -1701,7 +1701,17 @@ Conic Gradient Examples
width: 200px; height: 200px;
- 
+ 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.
+
+
+ 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;
+
+
+