post

Efeito transparente embaçado CSS (backdrop-filter: blur)

Publicado em: 24/04/2023

Categorias: BlogCSS

Caso queira usar o efeito embaçado em um fundo com CSS, você pode usar essas propriedades CSS abaixo.

.seletor {
  /* Propriedade backdrop-filter */
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  -moz-backdrop-filter: blur(5px);
  -o-backdrop-filter: blur(5px);
  -ms-backdrop-filter: blur(5px);
}

Para usar o backdrop-filter na maioria dos navegadores, é necessário adicionar alguns prefixos de fornecedores para a propriedade. Como mostra acima.

Link de compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/2751

ID de Referência: 2751

Sugira uma publicação

Envie uma mensagem para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários