Преобразование CSS: перекос, неровные края

Аналогично css преобразование, неровные края в хроме и Преобразование 3D CSS, неровные края в Firefox.

Я искал много статей об этой проблеме, я использую transform: skew.

Я пробовал использовать backface-visibility: hidden и outline: 1px solid transparent, но ничего не вышло :(

Вот мой код: https://codepen.io/evenloooo/pen/BOjRBx

В Chrome 68.0.3440.106 и Microsoft Edge есть снимок экрана с неровными краями:

Преобразование CSS: перекос, неровные края

Надеюсь, центральная линия ровная, без неровностей по краям.

Есть идеи?

каким будет ваш окончательный результат? желаемый результат?

— 25.08.2018 10:31

@TemaniAfif, надеюсь, центральная линия ровная, без зубчатых краев.

— 25.08.2018 10:35

Я знаю, я имею в виду, где вы это будете использовать, каков будет макет ... Я уверен, что у вас не будет веб-страницы с одним только этим перекошенным элементом? и в зависимости от вашей ситуации мы можем найти обходные пути

— 25.08.2018 10:36

css

25.08.2018 10:29

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...