From cdf6e568f64bc9f72c08d1034ee6bfd6fc7195f2 Mon Sep 17 00:00:00 2001 From: MacDue Date: Sat, 3 Dec 2022 00:06:21 +0000 Subject: [PATCH] Base: Add some `repeating-radial-gradient()` HTML examples --- Base/res/html/misc/gradients.html | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/Base/res/html/misc/gradients.html b/Base/res/html/misc/gradients.html index 2a9a9ef1d9..87c0f58458 100644 --- a/Base/res/html/misc/gradients.html +++ b/Base/res/html/misc/gradients.html @@ -198,6 +198,18 @@ .grad-radial-4 { background-image: radial-gradient(200px 100px ellipse at 25% 50%, yellow, #009966, purple); } + + .grad-radial-repeat-1 { + background-image: repeating-radial-gradient(#e66465, #9198e5 20%); + } + + .grad-radial-repeat-2 { + background-image: repeating-radial-gradient(closest-side, #3f87a6, #ebf8e1, #f69d3c); + } + + .grad-radial-repeat-3 { + background-image: repeating-radial-gradient(circle at 100%, #333, #333 10px, #eee 10px, #eee 20px); + } @@ -253,6 +265,10 @@
+ Repeating radial gradients
+
+
+