get a cropped square to exist

2026-06-08 21:36:10 -04:00
parent 600c3abf20
commit e41a81c487
2 changed files with 41 additions and 4 deletions
@@ -153,3 +153,30 @@
    border-style: solid;
    color: var(--text-main);
 }
+
+#resize_photo_box {
+    background-color: black;
+    position: absolute;
+    opacity: 40%;
+    width: var(--img-width);
+    height: var(--img-height);
+
+    --percent: 0.5;
+    --smalled-dim: min(var(--img-width), var(--img-height));
+
+    --smaller-pixel: calc((0.5 - (var(--percent)) / 2) * var(--smalled-dim));
+    --larger-pixel: calc((0.5 + (var(--percent)) / 2) * var(--smalled-dim));
+
+    clip-path: polygon(
+        0% 0%,
+        0% 100%,
+        var(--smaller-pixel) 100%,
+        var(--smaller-pixel) var(--smaller-pixel),
+        var(--larger-pixel) var(--smaller-pixel),
+        var(--larger-pixel) var(--larger-pixel),
+        var(--smaller-pixel) var(--larger-pixel),
+        var(--smaller-pixel) 100%,
+        100% 100%,
+        100% 0%
+    );
+}