Почему градиент некорректно отображается в MacOS?

Question

[Vladislav]

На винде градиент работает везде как надо
на маке он переходит к черному цвету. а не к прозрачности

код градиента

background-image: linear-gradient(270deg, #535aab, #0000);
    background-image: -webkit-gradient(linear, right top, left top, from(#535aab), to(#0000));

Answer 1

[Юрий]

Потому что сафари не понимает прозрачность в hex-цветах. Поменяйте #0000 на rgba(0,0,0,0). А ещё лучше оба цвета переведите в rgba и меняйте только прозрачность:

background-image: linear-gradient(270deg, rgba(83,90,171,1), rgba(83,90,171,0));