From 1d0900f7643db65015adae0a245c53b3f498f37f Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Fri, 27 Oct 2023 19:23:49 +0200 Subject: Add state highlight areas. --- play.html | 456 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 456 insertions(+) diff --git a/play.html b/play.html index 42e0482..81dd669 100644 --- a/play.html +++ b/play.html @@ -44,6 +44,25 @@ svg { position: absolute; } +path.state:hover { + fill: white; +} + +div.state { + position: absolute; + box-sizing: border-box; + background-clip: padding-box; + background-color: #0008; + border-radius: 50%; + border: 5px solid transparent; + width: 64px; + height: 64px; +} + +div.state:hover { + background-color: #fff8; +} + .piece { position: absolute; background-repeat: no-repeat; @@ -141,8 +160,445 @@ svg {
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
-- cgit v1.2.3