| Summary: | Using `transform: translate3D(..)` leads to blurry images | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Michael Gubik <gubikmic> | ||||
| Component: | New Bugs | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | RESOLVED DUPLICATE | ||||||
| Severity: | Normal | CC: | dino, simon.fraser | ||||
| Priority: | P2 | ||||||
| Version: | Safari Technology Preview | ||||||
| Hardware: | Mac | ||||||
| OS: | macOS 10.14 | ||||||
| Attachments: |
|
||||||
Created attachment 357461 [details] two images next to each other, one is blurry because translate3d is applied Using `transform: translate3D(..)` on a div that contains an image leads to the image being rendered very blurry. Please see the attached example.