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?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas
respostas
Como colocar border-color gradiente
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!