Почему border-radius не отображается в FF?

Question

[indigo_style]

Че то не могу догнать или просто туплю но в FF не закругляет угол

nav:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 65px solid #ff8c8c;
    border-right: 64px solid transparent;
    border-radius: 0 0 0 10px;
}

codepen

Answer 1

[Ankhena]

Видимо, потому что, у Вас есть правая и нижняя граница, а закругляете Вы левый нижний угол.

Если content будет не пустой, то угол закруглится.

Если content пустой, то не понятно зачем такую фигуру делать с помощью border'ов.

Расскажите подробнее чего нужно добиться.

UPD: https://jsfiddle.net/vqs960bz/
codepen.io/anon/pen/JbOxyV

Comments

[indigo_style]

ну в других браузерах почему нормально отображается, нужно сделать как на скрине, или если тогда контент будет пустой как сделать по другому?

[Ankhena]

indigo_style: градиентом

[Ankhena]

indigo_style: https://jsfiddle.net/vqs960bz/

[Ankhena]

indigo_style: Для Вашего кодепена: codepen.io/anon/pen/JbOxyV

[Ankhena]

indigo_style: И еще, на самом деле надо градиент делать не в прозрачный, а во второй цвет, тогда before можно сократить

[indigo_style]

Ankhena W: спасибо