Наклонная коробка в CHROME

Question

Скошенный край выглядит плохо в Chrome. В Firefox все в порядке. Зачем?

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

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

Answer 1

Попробуйте изменить границы сверху на RGBA (44, 62, 80, 0). Это сглаживает линии справедливый бит:

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

http://jsfiddle.net/wmvq5uz1/