Button CSS Transition on Hover overflow fix

pingram3541 · July 2016

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.

Albert · August 2016

Ok, you're right. We already added it as well and this would be fixed with next theme update.

Thanks!

pingram3541 · August 2016

TY!

Button CSS Transition on Hover overflow fix

Comments