Adding black fade to bottom of container

Ask the community
, ,
1

Question:
How can I add a black fade to the bottom of a container? Shouldn’t be that difficult I thought, but spending half an hour on this problem… Somebody please help!

Product:
Wix Studio Editor

What are you trying to achieve:
I want black fade on the bottom of a container (using image as background en I want black fade over the image at the bottom fading ‘in to’ the next container.

What have you already tried:
Watched video’s, internet, etc.

Additional information:

2

you cant have a gradient to a container background(in the editor inspector panel) Studio Editor Request: Using Gradients as Element Backgrounds | Help Center | Wix.com

…but you can add custom CSS to the container to achieve this

.box {
   background: linear-gradient(360deg, #000000 0%, rgba(243,248,240,0) 100%)