Почему элемент и дочерние элементы становятся размытыми?

Question

[Ярик Шилов]

Сделал попап, всё просто, при нажатии на элементы с классом .globalform, блоки с классом .popupbg и .popup становятся display:block и position:fixed.
Всё работает уже как пол года и сегодня вот такое:

при нажатии на чекбокс, блок .txt становится display:block, но почему он становится размытым?

Впервые такое вижу

Comments

[Вадик Серебрянский]

link v sdudiu

[Алекс Глебов]

из-за transform translate(-50% -50%) для формы
число пикселей дробное получается наверно

Answer 1

[Alexander Pushkarev]

Каким образом вы выравниваете блок? Если через transform: translate(-50%, -50%), то убирайте. И делайте через flex

Comments

[Ярик Шилов]

почему через translate не работает?

[Alexander Pushkarev]

Ярик Шилов: вам ответил Алекс Глебов Используйте дополнительную обёртку. Которая занимает полный экран. А в ней можно выравнивать через flex или через vertical-align: middle

[Ярик Шилов]

Alexander Pushkarev: походу Алекс Глебов удалил камент т.к. тут его нет(( я уже это сделал, я просто не понимаю почему так

Answer 2

[Ярик Шилов]

Нашел такую деталь:
Блок .popup спозицианирован
position: fixed
top: 50%
left: 50%
transform: translate(-50%,-50%);

Если убрать transform: translate(-50%,-50%);
то не мыльно. Но блок имеет height: auto и отрицательный марген я не смогу задать
как быть?