Как можно правильно расположить маску CSS относительно границ ее элемента? ⇐ CSS

[Anonymous]

In this example, I want the transparent circular cutout to appear as a cut out half circle on the left (and vertical center) of the green box.

div { background: green; mask: radial-gradient(20px, transparent 100%, black); mask-position: left center; } body { background: pink; }


Источник: https://stackoverflow.com/questions/781 ... ent-bounds