0

I'm using a CSS3 gradient like so: 

background-image: linear-gradient(to bottom, transparent, #03143f);

The issue I'm having is that safari is adding a black tinge to the gradient where as Chrome is fading nicely.

Has anyone experienced this issue before?

JSFIDDLE

Safari

enter image description here

Chrome

enter image description here

Filth
  • 3,116
  • 14
  • 51
  • 79
  • Possible duplicate [linear-gradient-to-transparent-bug-in-latest-safari](https://stackoverflow.com/questions/38391457/linear-gradient-to-transparent-bug-in-latest-safari) – Asons May 30 '17 at 16:55
  • Safaru bug: https://github.com/Compass/compass/issues/2010 – Asons May 30 '17 at 16:56
  • Another possible duplicate [css3-gradient-with-transparency-not-displaying-correctly-in-safari](https://stackoverflow.com/questions/42352142/css3-gradient-with-transparency-not-displaying-correctly-in-safari) – Asons May 30 '17 at 16:57
  • Let me know if any dupe link solves it for you and I close it as such – Asons May 30 '17 at 16:58
  • None of these dupes solve it sadly. – Filth May 31 '17 at 08:13
  • The the second does solve it, as you'll need to set the calculated value instead of transparent – Asons May 31 '17 at 09:34
  • I've tried all versions of calc values, transparent etc - still no results. ohh maan haha! – Filth May 31 '17 at 13:42

0 Answers0