I'm trying to bevel (extrude) and carve (cut into the page) this shape as an animated button.
I have more complex shapes to do this with, which is why I came up with this layer stacking approach. I'd love to hear better ones!
I've also used this approach with images, which one can smear & darken this way, a nice effect when used with textured images!
My ask is about the few frames that the shape is closest to being "flush" with the panel it's on/in. When masking between the bevel / carve parts, we see an aliasing artefact that is made worse by it being so close, in time, to the other state. When the white part pops out, it's a bit "fat", and when it's going in, the dark part is visible at the edges.
The glitchyness is most noticeable on non-retina screens.
Would you have any idea on how to make the less extreme states of this animation less glitchy?