Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida sobre propriedade Background

Olá, fiquei com dúvida sobre o que exatamente esse percentual 27% na propriedade background se refere. Testei tirando ou alterando valor e não percebi mudanças. Desde já agradeço

.banner {
    background: url(../imagens/banner.jpeg) 27% center no-repeat;
    min-height: 350px;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.9;
}
1 resposta
solução!

Olá, Estudante.

Tudo bem?

O valor "27%" se refere à posição horizontal em relação ao elemento pai do banner. Mais especificamente, ele define o deslocamento horizontal do plano de fundo (background) da imagem em relação à borda esquerda do elemento pai. O valor "center" define a posição vertical da imagem em relação ao elemento pai, centralizando-a verticalmente. "no-repeat" indica que a imagem não será repetida se ela não ocupar todo o plano de fundo.

O fato de você não ter percebido mudanças ao remover ou alterar o valor "27%" pode indicar que a imagem de fundo é grande o suficiente para cobrir todo o plano de fundo, ou que a posição da imagem não é um fator importante para a aparência desejada. No entanto, é importante observar que a alteração do valor pode ter efeitos em diferentes tamanhos de tela ou dispositivos, especialmente se a imagem de fundo for menor do que o elemento pai.

Espero ter ajudado. Qualquer dúvida conta com a gente. Valeu.