Let’s start with creating a full moon on a blue sky.
We can create another circle of the color blue and place it below so that it covers some portion of the full moon.
Instead of a triangle, we can create a rotated rectangle using transform: rotate() which does the same job.
The slightest of edges are visible but the rendering engine ignores it to award us fully.