Last modified: 2014-08-22 18:06:10 UTC
Created attachment 12487 [details] Screenshot of problem. This CSS3 feature is known to be problematic due to the browser using a pixel-based filter which, apparently, doesn't account for pixel ratio of the device yet. On iOS Mobile Safari and other webkit-based engines (desktop: Blink, Chromium, Chrome, Safari, ..) this is causing some text to be blurry. I'd recommend not using this feature for now. If you must, try to limit it to icons and move the text into a separate element that is not affected by the same selector. Especially noticeable since only some of the fields in Special:ArticleFeedbackv5 use it. The others look good, making this one look even blurrier (optical illusion). https://www.google.com/search?q=webkit+filter+grayscale+blurry+retina
Marking as regression since afaik this wasn't the case a few weeks ago.
Related URL: https://gerrit.wikimedia.org/r/67970 (Gerrit Change Ibbdaad24102fb9add1d8401dfbfd679259e1089e)
Change 67970 merged by EBernhardson (WMF): (bug 49285) ArticleFeedbackv5: Text is blurry due to use of CSS3 filter https://gerrit.wikimedia.org/r/67970