Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Como colocar border-color gradiente

Boa tarde!

No projeto do Figma a borda do input é gradiente, mas não consegui deixá-la assim, e na resolução apresentada, apenas uma das cores foi usada. Poderiam me esclarecer como deixá-la gradiente, por gentileza?

2 respostas
solução!

Olá!

O CSS é uma ferramenta incrível, mas tem suas nuances. Os gradients (como o linear-gradient) são tratados como imagens. Então, quando pensamos em "colocar um gradient na borda", estamos, na verdade, tentando adicionar uma imagem ali. E, bom... bordas não foram feitas para terem imagens, pelo menos não de forma direta.

Agora, alguns poderiam dizer: "E a propriedade border-image?". Sim! Ela existe e permite que você use imagens nas bordas. Não é tão simples e direto assim, principalmente quando estamos falando de inputs, que já são elementos com seus próprios estilos e peculiaridades.

Por isso usamos a cor sólida :)

Ei Vinicios!

Entendi! Muito obrigada!