Estou tendo dificuldades em fazer uma section com duas cores(uma ocupando 70% da section e a outra cor os 30% restantes), gostaria de saber como eu posso fazer isso
sugestões?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeEstou tendo dificuldades em fazer uma section com duas cores(uma ocupando 70% da section e a outra cor os 30% restantes), gostaria de saber como eu posso fazer isso
sugestões?
Você pode usar um linear-gradient()
para alcançar o efeito desejado.
A função
linear-gradient()
do CSS cria uma imagem com consistência progressiva entre duas ou mais cores ao longo de uma linha reta.
section {
width: 100%;
height: 10rem;
background-image: linear-gradient(to bottom, blue 0, blue 70%, yellow 30%);
}
<section></section>
Referências: