Why is the gradient not displaying correctly on MacOS?

Question

css

On Windows, the gradient works everywhere as it should
; on Mac, it goes to black. not to transparency

gradient code

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

Answer 1

Because safari doesn't understand transparency in hex colors. Change #0000to rgba(0,0,0,0).And even better, convert both colors to rgba and change only the transparency:

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