The problem: On mouseover zoomed in SVG graphics appear very fuzzy. It should be sharp. How to reproduce: 1. go to page http://jimmac.musichall.cz/stuff/icon-revolution/ 2- mouseover on one of the icons Version: Epiphany 3.30.2 WebKitGTK+ 2.22.5
Reproduces in Safari on Mac too.
Doesn't seem "very fuzzy" on macOS. Can you attach a GTK screenshot?
This happens because the icons has a drop-shadow filter: .icon.blurred img { -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.4)) drop-shadow(0 1px 10px rgba(0,0,0,0.1)); filter: drop-shadow(0 1px 1px rgba(0,0,0,0.4)) drop-shadow(0 1px 10px rgba(0,0,0,0.1)); } If I remove this filter, the icons are scaled as expected on mouse over.
@Said Abou-Hallawa Is this intended behaviour though? @Alexey Proskurayakov @Simon Fraser (smfr) Also, could you please claify if it is reproducable on MacOS or not and in which version? It seems like there are two different experiences here. Is the proving screenshot still needed?
Yes.
<rdar://problem/88663265>
*** Bug 205941 has been marked as a duplicate of this bug. ***