IanLunn / Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
http://ianlunn.github.io/Hover/
Other
29.25k stars 5.78k forks source link

Border Radius Issue #160

Open nnnswordfish opened 4 years ago

nnnswordfish commented 4 years ago

Hi,

After giving border-radius and overflow: hidden to the button element, hover animations do NOT render well, :after background is cut on corners.

Please see a screenshot - https://imgur.com/Z1tv44Q

zainsci commented 3 years ago

you should apply border-radius to ::before as well. I think that will solve the problem apply border-radius to both button and ::before and i dont think you will need overflow: hidden then

aasim-syed commented 3 years ago

check if it has any border-radiusor any padding mistakes i think it would work.