I’ve got a custom scroll animation that reveals more of the clients website upon scrolling.
The structure of this section is a relative image, with a relative container. The relative container’s top and right corners have a border radius; with the scroll interaction enabled, this border is removed, leaving the square edges.
However, on the web version (and in any browser), the corners still have a border radius; it’s only when actually viewing on mobile (iPhone 11), that the corners are squared.
Any information on this would be much appreciated!