Aplicação de Filtro de Desfoque no Fundo

CSSEstilo
O código CSS fornecido aplica um efeito de desfoque no fundo de um elemento HTML, ideal para ser utilizado com o Elementor no WordPress. O efeito de desfoque é criado usando a propriedade backdrop-filter que aplica um efeito de desfoque no conteúdo atrás do elemento.

Como instalar

  1. Substitua selector pelo seletor CSS que corresponde ao elemento HTML que você deseja estilizar no Elementor.
  2. Copie e cole o código fornecido entre as tags <style> e </style> no cabeçalho do seu documento HTML ou em um arquivo CSS externo.
  3. Certifique-se de que o seletor usado está corretamente apontando para o elemento desejado no Elementor..lab1_selector {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    }

Explicando o código

  • backdrop-filter: blur(10px); – Esta propriedade aplica um filtro de desfoque de 10 pixels no conteúdo atrás do elemento. O desfoque será visível através de qualquer área transparente ou semi-transparente do elemento.
  • -webkit-backdrop-filter: blur(10px); – Esta é a versão prefixada para garantir a compatibilidade com navegadores webkit como Safari.

Códigos

CSS

				
					selector{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
				
			

Relacionados

Efeito de Brilho em Botão do Elementor

Este código CSS aplica um efeito de brilho...
CSSEstilo

Efeito de Gradiente Animado no Botão

Este código CSS é usado para adicionar um...
CSSPersonalização

Adicionando Bordas ao Texto com CSS

O código é utilizado para adicionar bordas ao...
CSSPersonalização

Fale com a Lab1