From d6334dcab15556f7133fa85db7b55b1ecc40da7d Mon Sep 17 00:00:00 2001 From: MacDue Date: Tue, 1 Nov 2022 21:25:36 +0000 Subject: Base: Add some `conic-gradient()` HTML examples --- Base/res/html/misc/gradients.html | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) (limited to 'Base/res') diff --git a/Base/res/html/misc/gradients.html b/Base/res/html/misc/gradients.html index dda64e15d7..368585b993 100644 --- a/Base/res/html/misc/gradients.html +++ b/Base/res/html/misc/gradients.html @@ -139,6 +139,24 @@ .grad-double-position { background-image: linear-gradient(to right,red 20%, orange 20% 40%, yellow 40% 60%, green 60% 80%, blue 80%) } + + .grad-conic-1 { + background-image: conic-gradient(red, orange, yellow, green, blue); + } + + .grad-conic-2 { + background-image: conic-gradient(from 0.25turn at 50% 30%, #f69d3c, 10deg, #3f87a6, 350deg, #ebf8e1); + } + + .grad-conic-3 { + background-image: conic-gradient(from 3.1416rad at 10% 50%, #e66465, #9198e5); + } + + .grad-conic-4 { + background-image: conic-gradient( + red 6deg, orange 6deg 18deg, yellow 18deg 45deg, + green 45deg 110deg, blue 110deg 200deg, purple 200deg); + } @@ -179,6 +197,11 @@

Double-position color stops

+ Conic gradients
+