Bubbles in Safari broken

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

Bubbles in Safari broken #30

Closed msacchetti closed 10 years ago

msacchetti commented 10 years ago

In safari 5.1.7 the bubble effects dont work - and it makes all the text on the page a weird color/weird anti-alias/ unreadable.

msacchetti commented 10 years ago

It looks like the translateZ hack makes the text render strangely, and the top:calc(50%-10) isnt being rendered by safari. Changing the transateZ to translate and the top:45% seemed to fix it for me.

IanLunn commented 10 years ago

Thanks for the heads-up. I'm not too concerned about Safari 5.1 as it's global usage is around 1% so I don't intend on fixing this.

For anyone else needing Safari 5.1 support, note that calc isn't supported so a workaround is required.