У кого в примере по ссылке граница между цветами не четкая а размыта на 1 — 2 пикселя?

Question

[Владимир]

Нужна статистика. Найдутся люди у которых граница между белым и зеленым не четкая а размыта на один два пикселя
Более всего интересуют пользователя с Гугл Хромом на макинтоше с монитором разрешением более 2000 пикселей

https://codepen.io/casufi/pen/XpMEOX

Можеть есть метод добиться четкой границы не используя второй div ?
Хочется сделать вот такое но гарантировано без артефактов
https://codepen.io/casufi/pen/NRJyXE

Answer 1

[Ivanq]

Firefox 50.1.0, есть проблема
Разрешение 1920 x 1080

UPD Chrome 55.0.2883.87, проблемы нет

Comments

[Владимир]

Непонятна система, у меня нет проблем ни в одном браузере, у кого то только в хроме

Answer 2

[RTW]

Пробуйте -webkit-mask
С ним можно делать четкие границы

---
На лисе есть проблемы 1920 x 1080, на хроме нет