Safari not hiding overflow on rounded corner divs

@juanerazo it actually looks like this is a Safari bug so we’ll need to utilize a little custom code to fix the issue. Very cool hover effect btw! I enjoyed that :smile:

Here’s the resource for the workaround: https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b

So you’ll need to add this to your custom code head area of your page to account for that overflow-hidden border radius issue in Safari:

<style>
.button-div { -webkit-mask-image: -webkit-radial-gradient(white, black); }
</style> 

I hope that is helpful! :bowing_man: I tested on my end via inspector and it was working:

4 Likes