Efeito transparente embaçado CSS (backdrop-filter: blur) - Bruno Devx - BR Criativus

post #2751

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

Publicado em: 24/04/2023 / Atualizado 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.

Publicações recomendadas:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=2751

ID de Referência: 2751

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato