Фильтр CSS на дисплее Retina: нечеткие изображения

Когда вы применяете -webkit-filter и -webkit-transition к Image и меняете фильтр при наведении, переход изображения происходит хорошо, но затем изображение становится действительно размытым.

Замечания: Это происходит только наRetina-дисплеи -нет проблем снормальный' ppi-дисплеи, но нечеткие, например, на новом MacBook Pro с Retina Display.

Мой CSS (без вендорных префиксов):

img {filter:grayscale(1);filter:saturate(0%);transition:2s ease;width:200px;height:200px}
img:hover {filter:grayscale(0)}​

Примечание: чтобы увидеть эффект / ошибку, ямы установили длительность перехода на 2 секунды

Проверьте мою демонстрацию:http://jsfiddle.net/dya2t/7/

Как я могу это исправить?

РЕДАКТИРОВАТЬ: Если я установлю: hover-state для фильтра: нет его резкого! :-) НО, конечно, переход больше не работает: - / Как только на изображении появляется фильтр (даже если значение равно 0 или 0%), изображение становится размытым на дисплеях сетчатки (с переходами или без них…) это просто размыто, все время). Я предполагаю, что это Filter-Bug.

Это известная ошибка в WebKithttps://bugs.webkit.org/show_bug.cgi?id=93471

Ответы на вопрос(3)

Ваш ответ на вопрос