Font looks blurry after translate in Chrome

前端 未结 10 1408
逝去的感伤
逝去的感伤 2020-12-30 20:05

EDIT 2016-07-04(Since this question is getting popular): This is a bug in Chrome. Developers are actively working on a fix.

EDIT 2017-05-14<

10条回答
  •  轮回少年
    2020-12-30 20:52

    I found out -webkit-filter: blur(0) could fix your blurry font in Chrome on Windows:

    JSFiddle

    #projectPopup {
        ...
        -webkit-filter: blur(0);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    

提交回复
热议问题