I've encountered a situation where I have a text shadow applied with the following CSS:
body { background: white; }
h1 {
color: black;
text-shadow: 100px 100px 10px black;
}
https://i.sstatic.net/j8OTS.png When viewing in Safari browser, the shadow appears to be clipped or not fully rendered beyond the edge of the element border.
Interestingly, when I trigger a background color animation effect on the body (such as transitioning from white to black), the shadow seems to render properly beyond the element border during the transition. But once the transition is complete, the shadow is cut off at the border again.