CSS transform: skew, jagged edges

Asked Aug 25 '18 at 08:29

Active Aug 25 '18 at 08:33

Viewed 360 times

I've searched a lot of article for this problem, I use transform: skew.

I tried to use backface-visibility: hidden and outline: 1px solid transparent, but it donesn't work :(

There is a jagged edges screentshot on Chrome 68.0.3440.106 and Microsoft Edge:

I hope the central line is smooth, no jagged edges.

Any idea?

edited Aug 25 '18 at 08:33

asked Aug 25 '18 at 08:29

evenloooo

what will be your final output? the desired result? – Temani Afif Aug 25 '18 at 08:31
@TemaniAfif, I hope the central line is smooth, no jagged edges. – evenloooo Aug 25 '18 at 08:35
I know, I mean where you will use this, what will be the layout .. I am sure you will not have web page with only that skewed element? and depending on your situation, we may find workarounds – Temani Afif Aug 25 '18 at 08:36

0 Answers0