Olá! Alguém poderia explicar melhor como funciona os valores de background-position? Eu já li a respeito em várias outras fontes, mas não entendi por exemplo, pq o instrutor utiliza neste curso, três valores para esta propriedade.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá! Alguém poderia explicar melhor como funciona os valores de background-position? Eu já li a respeito em várias outras fontes, mas não entendi por exemplo, pq o instrutor utiliza neste curso, três valores para esta propriedade.
Bom dia!
A propriedade background-position define a posição inicial de uma imagem de fundo.
Por padrão, uma imagem de plano de fundo é colocada no canto superior esquerdo de um elemento e repetida tanto verticalmente quanto horizontalmente.
Valores de propriedade: Por keyword: left top left center left bottom right top right center right bottom center top center center center bottom
Percentual - x% y% O primeiro valor é a posição horizontal e o segundo valor é a vertical. O canto superior esquerdo é 0% 0%. O canto inferior direito é 100% 100%. Se você especificar apenas um valor, o outro valor será 50%. . O valor padrão é: 0% 0%
Posicao - xpos ypos O primeiro valor é a posição horizontal e o segundo valor é a vertical. O canto superior esquerdo é 0 0. As unidades podem ser pixels (0px 0px) ou qualquer outra unidade CSS. Se você especificar apenas um valor, o outro valor será 50%. Você pode misturar% e posições