-
-
Notifications
You must be signed in to change notification settings - Fork 1.6k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Icons render wrong when you zoom in and out on Chrome #427
Comments
I think that kind of rendering bug on the browser when using box shadow as a pixel art https://codepen.io/louflan/pen/mdJKRWN I tried others people pixel art using same box shadow trick. also having the same problems. I guess that just some weird browsers render bug. IMHO there nothing a framework can do about it. unless change those pixel art not using the box shadow trick. Windows 10 Chrome 90% zoom level |
Yes, that's exactly what I thought. I saw this bug before, but I couldn't do anything about it. |
May be possible converting these to SVGs rather than using box-shadow but will have to look into it and would be a breaking change. |
Describe the bug
When you zoom in on a page that has icons from nes.css on it, the icons begin to show with white grid lines in between them as if the squares used to make them aren't touching anymore.
To Reproduce
Expected behavior
Icons should be rendered similar to how they get rendered at 100% zoom.
Environment:
Suggestion(s) for fixing this issue
Unfortunately I don't know much about rendering graphic
Additional context
Love NES.css!
The text was updated successfully, but these errors were encountered: