Background-image

HTML-CSS
1

In this part

background-image: linear-gradient(
      115deg,
      rgba(58, 58, 158, 0.8),
      rgba(136, 136, 206, 0.7)
    ),
    url(https://cdn.freecodecamp.org/testable-projects-fcc/images/survey-form-background.jpeg);

when i put the seccion “linear-gradient” I can´t see anything in my own page! please can you help me?

I put that in the part --body::before:
Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:80.0) Gecko/20100101 Firefox/80.0.

Challenge: Build a Survey Form

Link to the challenge:

2

Hello and welcome to the freeCodeCamp community~!

Can you provide a link to your live project? Usually for these projects that would be a CodePen link.

3

I did it! https://codepen.io/madelans/pen/jOqwRZx share you my work! thank you!

1 Like
4

Are you saying the CSS you posted doesn’t work for you, or are you saying when you try to do it with your own image in your code it doesn’t work?

Can you post your CSS and not the example you gave because that should work just fine.

Here it is with your image.

background-image: linear-gradient(
    115deg,
    rgba(58, 58, 158, 0.8),
    rgba(136, 136, 206, 0.7)
  ),
  url(https://cdn.pixabay.com/photo/2020/08/21/22/25/kimono-5507132_960_720.jpg);