CSS/HTML color gradient

Hello, again
I would have a question that I have this CSS code below.

Code:

background: rgb (255,255,255);
background: linear gradient (90deg, rgba (255,255,255,1) 0%, rgba (209,209,209,1) 50%, rgba (255,255,255,1) 100%);

How could this be rewritten to use as a border-color?
Or maybe I should use a completely different code to do a gradient? q.q

Hello,
You can use that in any zone of your forum. Simply inspect and then add the properties. For example:

Code:


.module {
background: rgb (255,255,255);
background: linear gradient (90deg, rgba (255,255,255,1) 0%, rgba (209,209,209,1) 50%, rgba (255,255,255,1) 100%);
}


This is for your widgets.
You can also check this for more information: https://css-tricks.com/gradient-borders-in-css/
and of course this: https://help.forumotion.com/t42099-learning-the-basic-css

I want to snag the gradient into this.

Code:

<div style = "width: 490px; border-right: 5px double; border-left: 5px double; border-color: # C0C0C0; border-radius: 20px; padding: 10px; margin-top: 10px; line-height: 20px; "> </div>

How?

All CSS attributes that you add after the equal sign be readed by the browser.

Code:

<div style="width: 490px; border-right: 5px double; border-left: 5px double; border-color: # C0C0C0; border-radius: 20px; padding: 10px; margin-top: 10px; line-height: 20px; background: rgb (255,255,255);background: linear gradient (90deg, rgba (255,255,255,1) 0%, rgba (209,209,209,1) 50%, rgba (255,255,255,1) 100%);"> </div>

https://i.imgur.com/Jrww6zc.png

Well ... it looks like the forum is protesting now because it doesn't do it.

@Mineko,

You want this to be on the borders? Not as a background?

I want it for Border, but that's how the code generator issued it. q.q

Hello @Mineko,

How could this be rewritten to use as a border-color?

Here:

Code:

  border: 5px solid;
  border-image: linear-gradient(90deg, rgba(255,255,255,1), rgba(209,209,209,1), rgba(255,255,255,1)) 1;
  box-sizing: border-box;

and

I want to snag the gradient into this.

Code:

<div style="width: 490px; border: 5px solid;  border-image: linear-gradient(90deg, rgba(255,255,255,1), rgba(209,209,209,1), rgba(255,255,255,1)) 1;  box-sizing: border-box; margin-top: 10px; line-height: 20px;"></div>

Oh, I love * - *
You solve all my problems <3
Thanks, @pedxz <3

Solved