问题
There is a kind of weird bug on chrome when you try to combine css3 scale and css3 reflect on a div with content.
I would like to know if someone know a fix or hack to get a sharp result.
*The content of my div can be text, video, image, svg... and can contain animation
I made the following codepen to illustrate the problem
http://cdpn.io/muiKa
回答1:
It looks like your best bet is to replace the transform scaling with good old fashioned em scaling. Chris Coyer has a awesome article with examples: http://css-tricks.com/rems-ems/
来源：https://stackoverflow.com/questions/23373325/css3-scale-combined-with-reflect-makes-blurred-elements-on-chrome