CHROME inclined box

Question

A chamfered edge looks bad in Chrome. Firefox is fine. Why?

http://codepen.io/anon/pen/EaxJKv

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

Answer 1

Try changing the top border of the frame to RGBA (44, 62, 80, 0). This smooths the line: "//" →

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

http://jsfiddle.net/wmvq5uz1/