Como crio um background com um gradiente e uma cor sólida?

[pxl-developer]

Quero criar um background que é composto por um gradiente em cima que vai da esquerda para a direita, e um sólido branco embaixo, pesquisando um pouco encontrei um código que faz isso mas o gradiente fica de cima para baixo, quando mudei da esquerda para a direita o sólido branco também foi para o lado.

Abaixo está a imagem do que tenho em mente.

[felquis]

Olá tudo bem? Qual é o seu nome?

O ideal é você enviar o código que você já tem para a gente usa-lo como referência.

Desafio

um gradiente em cima que vai da esquerda para a direita, e um sólido branco embaixo

Pode ser que você queria usar múltiplos backgrounds,

O primeiro gradiente é um branco de baixo que começa de cima para baixo com um transparente até 50%
e depois a partir de 50% começa o branco e vai até o final.

  background:
    linear-gradient(to bottom, transparent 50%, white 50%, white 100%);

Agora, detalhe para o uso de multiplos backgrounds, que eles são separados por vírgula:

  background:
    linear-gradient(to bottom, transparent 50%, white 50%, white 100%),

Ai vem o segundo background, que é o gradiente da parte de cima, que é um gradiente que vai da direita para esquerda começa do branco e terminando no azul.

  background:
    linear-gradient(to bottom, transparent 50%, white 50%, white 100%),
    linear-gradient(to left, white 0%, blue 100%);

O resultado que objetivo ficou +- assim:

codepen https://codepen.io/felquis/pen/wvpVJPP
Guia https://developer.mozilla.org/en-US/docs/web/css/gradient/linear-gradient

[pxl-developer]

Funcionou perfeitamente!

Desculpe não colocar um código, acontece que tentei de várias formas e não tinha funcionado então acabei seguindo sem trabalhar no background, mas muito obrigado pela ajuda, realmente me ajudou!