Recently I've been working with scss to be able to use linear gradient as a background-image. The think is that I found that in W3School there is a tutorial explaining it, but when I use it in my app, nothing changes. It also shows the error message: Invalid property value.

I've trying to use it in different ways:

background-image: linear-gradient(180deg, rbg(49, 201, 205, 100), rbg(49, 13, 106, 100));

or

background: linear-gradient(180deg, rbg(49, 201, 205, 100), rbg(49, 13, 106, 100));

or

background-image: linear-gradient(rbg(49, 201, 205, 100), rbg(49, 13, 106, 100));

but every time, it appears to fail. How can I make it works? To give more context about my task, I'm trying to put a gradient as background in a div. Is this the correct way to do it?

Thanks in advance

CodePudding user response：

try replacing rbg with rgb. Hope this helps!

CodePudding user response：

rgb only takes 3 inputs.

.example {
  height: 40px;
  background: linear-gradient(180deg, rgb(49, 201, 205), rgb(49, 13, 106));
  }

<div ></div>