当前位置: 动力学知识库 > 问答 > 编程问答 >

CSS3 Scale combined with reflect makes blurred elements on chrome

问题描述:

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

网友答案:

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/

分享给朋友:
您可能感兴趣的文章:
随机阅读: