Background gradients

Design help Layout & Design
1

Hi There,

I have recently implemented background gradients on two pages of my website. However, I’m facing a couple of issues that require attention. Firstly, I’m struggling to position the gradients correctly within the page, as they are currently appearing in unintended containers. Secondly, I’ve noticed that in Safari, the gradients seem to flicker and create a poor user experience.
Thank you for your attention to this matter. I look forward to discussing potential solutions.

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)

2

Good question

Safari again has a diferent syntax
background: -webkit-linear-gradient(red, blue); /* Safari 5.1-6 /
background: linear-gradient(red, blue); / Standard syntax */

this theoricaly should be handle by webflow.

If not create you gradient in a site like https://cssgradient.io/

add style in embed element and set the Safari instruction.

1 Like