CSS3 渐变出现锯齿如何消除，为什么会出现锯齿？

Question

css

.wrap {
            width: 600px;
            height: 300px;
            margin:  60px auto;
            background: linear-gradient(to bottom right, #e9e7df 50%, #ffffff 50%);
        }
html 

<p class="wrap" id="we">

Answer 1

It may be due to the rendering core of your browser. I enlarged the page to 500% in the latest version of Chrome on MAC without any aliasing. You can try switching to the latest Chrome. There may be some rendering issues with older browsers