From 3284ef29d85be452ef343a6e5b1a5b32b84e7bf7 Mon Sep 17 00:00:00 2001 From: Anthony Lieuallen Date: Sun, 20 Nov 2022 20:18:38 -0500 Subject: [PATCH] Clip in CSS. Not SVG, so clicks outside the circle (but in the SVG box) cancel a locked color. Hover in that area also behaves as expected. --- colors.html | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/colors.html b/colors.html index 4a0a9f7..7222796 100644 --- a/colors.html +++ b/colors.html @@ -37,6 +37,10 @@ body { margin: 1ex; text-decoration: none; } + +svg { + clip-path: circle(300px at center); +} @@ -46,19 +50,12 @@ body { height="600" version="1.1" viewbox="0 0 1024 1024" - width="800" + width="600" xmlns="http://www.w3.org/2000/svg" > - - - - - - -