There are some conflicts between Webflow transparencies specifically in Safari browsers. As you can see right here:
https://discourse.webflow.com/t/gradients-not-showing-properly-in-safari/34757
https://discourse.webflow.com/t/strange-gradient-display-in-safari/57708
Long story short, Webflow’s default transparent swatch is a rgba(0, 0, 0, 0)
, and Safari in understands this as faded shade of black. So, the suggested workaround is to change it to rgba(255, 255, 255, 0)
.
Maybe I am a hard newbie, but it seems that Webflow’s default transparent swatch is not editable. So, to prevent further bugs on a loooong project, I would have to through each instance of that transparency (even within gradients) and change it - or create a douche-bag script to just to patch this. 😂
Fix the Safari-Webflow transparency issue (seems too expensive to do)
Make the default transparent swatch editable. (that would be great)
Make the default transparent swatch be rgba(255, 255, 255, 0)
. (not the best thing in the world, but that's ok)