-1

Boa tarde, gostaria de saber se é possível tornar uma imagem de fundo transparente em uma escala gradiente utilizando HTML, CSS ou JavaScript.

Imagem de como está

Gostaria de aplicar a transparência na imagem superior. No lugar deste gradiente preto, aplicar a transparência para que seja visível essa imagem geométrica que está de fundo.

A imagem que eu gostaria de aplicar a transparência está inserida com o seguinte código CSS:

.logo-container {
background-image: linear-gradient(to bottom, transparent 25%, rgba(0, 0, 0, 1) 100%), url(../img/logo_bg.jpg);
background-repeat: no-repeat;
width: 100%;
background-size:cover;
background-position:center;

1 Resposta 1

-2

Usa o "opacity: 1;" onde 1 é não-transparente e 0 é totalmente transparente.

1
  • Sua resposta pode ser melhorada adicionando informações fundamentais. Basta editar para adicionar mais detalhes, como citações ou documentação para que outras pessoas possam confirmar que sua resposta está correta. Você pode encontrar mais informações sobre como escrever boas respostas na Central de Ajuda.
    – Comunidade Bot
    Commented 31/10/2022 às 18:16

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .