Background

Olá, Ruan! Como vai?

Sim, você está correto. A propriedade background-color: transparent; é usada para tornar o fundo de um elemento transparente. No entanto, é importante notar que transparente e branco são coisas diferentes. Quando você define o fundo como transparente, isso significa que qualquer coisa atrás desse elemento será visível através dele. Por outro lado, se você definir o fundo como branco (background-color: white;), o fundo será branco sólido e você não será capaz de ver nada atrás dele.

No exemplo da aula, a propriedade background-color: transparent; foi usada na classe .botao_secundario para criar um botão com fundo transparente. Isso significa que, se houver algum elemento atrás desse botão (por exemplo, uma imagem ou texto), ele será visível através do botão.

Aqui está um exemplo prático:

.botao_secundario {
    background-color: transparent;
    border: 2px solid var(--branco-principal);
}

Nesse caso, o botão .botao_secundario terá um fundo transparente e uma borda branca sólida. Se houver algum elemento por trás dele, ele será visível através do fundo transparente do botão.

Espero ter ajudado e bons estudos!

Muito obrigado Sarah pela ajuda, consegui compreender, agradecido