[Filtro] Bits
[Filtro] Bits Para aplicar esse efeito, basta colocar o código CSS (abaixo) em qualquer Widget da página (Recomendo colocar diretamente nas configurações da página) Código CSS Copiar Código body::after { content: “”; position: fixed; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 4px 4px; /* ajusta espaçamento dos pontos */ mix-blend-mode: screen; /* deixa os pontos “brancos” em cima */ z-index: 9999; }
[Filtro] Vidro GLASS
[Filtro] Vidro GLASS Para aplicar esse efeito, basta colocar o código CSS (abaixo) dentro do container que você quer o efeito, para que o efeito seja visível tenha uma imagem de Background. Código CSS Copiar Código selector { backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
[Filtro] Ruído
[Filtro] Ruído Coloque um widget HTML Coloque este código HTML dentro do Widget Código HTML Copiar Código Coloque este código CSS dentro do Widget de HTML (Não esqueça de definir dentro do Background Imagem o URL do NOISE Código CSS Copiar Código .noise { display: block; width: 100vw; height: 100vh; opacity: 0.1; background-image: url(‘LINK-DO-GIF’); overflow: hidden; position: fixed; top: 0; left: 0; pointer-events: none; z-index: 50; mix-blend-mode: plus-lighter; } Baixe o GIF de noise abaixo e coloque dentro da sua Biblioteca de Mídias para pegar o Link e substituir dentro do CSS. Baixe o GIF de Noise Animado, basta dar botão direito em cima e baixar.