Аналогично CSS преобразованию, неровным краям в Chrome и 3D CSS преобразованию, неровным краям в Firefox .
Я искал много статей для этогопроблема, я использую transform: skew.
transform: skew
Я пытался использовать backface-visibility: hidden и outline: 1px solid transparent, но это не работает: (
backface-visibility: hidden
outline: 1px solid transparent
Вот мой код: https://codepen.io/evenloooo/pen/BOjRBx
В Chrome 68.0.3440.106 и Microsoft Edge есть скриншот с неровными краями:
Надеюсь, центральная линия ровная, неровнаяребра.
Есть идеи?