Slanted box in CHROME

Question

Bevelled edge looks bad in Chrome. In Firefox is ok. Why?

.rr-left:after {
    bottom: 0;
    border-top: 30px solid #2c3e50;
    border-right: 1050px solid #FFFFFF;
}

Subpixel rendering and/or rounding? – Paulie_D Nov 17 '14 at 14:54 — Paulie_D, Nov 17 '14 at 14:54

score 1 · Accepted Answer · answered Nov 17 '14 at 14:59

1

Try changing the border top to RGBA(44, 62, 80, 0). This smooths the line a fair bit:

border-top: 30px solid rgba(44, 62, 80, 0);

answered Nov 17 '14 at 14:59

Ezra Bailey

1 Answers1