Button CSS Transition on Hover overflow fix

When setting border-radius on an element that has an animated hover transition in Chrome there is a brief moment in which the border-radius is reset during the animation and reveals the square edges.  See this in your BeCar demo for the rounded yellow "read more" button.

The fix, apply z-index: 1; to the "a" element.

Comments

Sign In or Register to comment.