Размытый div после преобразования/перехода css


person JackArrgon    schedule 28.09.2012    source источник
comment
Хм, я использую Chrome 21.0.1180.89/Mac и не вижу проблемы. Коробки кажутся мне прекрасными после перехода. Можете ли вы опубликовать скриншот того, что вы видите?   -  person chipcullen    schedule 28.09.2012
comment
@chipcullen Также отлично выглядит в Firefox 15.0.1.   -  person Chris    schedule 28.09.2012
comment
Chrome 22.0.1229.79/Windows здесь, и я его точно вижу. Я думаю, что это связано с краями пикселей, но, похоже, я не могу найти статью, которую читал...   -  person Anders Arpi    schedule 28.09.2012
comment
Вот и все - проверьте эту ветку SO и посмотрите, поможет ли это. stackoverflow.com/questions/9311428 / -- но, возможно, это только с холстом...   -  person Anders Arpi    schedule 28.09.2012
comment
@chipcullen вот сравнение. Это не сильно отличается, но размытие определенно есть. d.pr/i/jOsd   -  person JackArrgon    schedule 28.09.2012
comment
@JackArrgon Я понимаю, что вы имеете в виду, но в моей системе края четкие. Я на Mac - вы смотрите на это в Windows, как Андерс? Однако я не уверен, что будет зависеть от ОС в эффекте перехода.   -  person chipcullen    schedule 28.09.2012
comment
@chipcullen Я на Mac. Я не знаю, но я почему-то не думаю, что это будет зависеть от ОС, учитывая, что это не происходит в других браузерах. Я предполагаю, что сейчас это версия Chrome (22.0.1229.79), которая есть и у Андерса, и у меня. Возможно баг какой то.   -  person JackArrgon    schedule 28.09.2012


Ответы (1)


Проблема в половине пикселя.

Попробуйте: transform: translate(-50%, -51%); Или попробуйте установить размеры div с четным числом.

Это будет работать!

person Manuele Perrone    schedule 21.09.2016