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.
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.
hoje, com a Alura e o Google Gemini
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