Como Fazer Efeito de Vidro Desfocado no Elementor | Glassmorphism
HTML-код
- Опубликовано: 16 сен 2024
- 💸 Licença Barata do Elementor PRO: elementortempl...
Cupom de DESCONTO: TIRA10
O feito de vidro desfocado (glassmorphism) está super em alta no webdsign e, embora não seja novo, porque a a Apple usa ele desde 2013, tem sido uma grande tendência nos sites e landing pages criados no último ano.
Nesse video eu ensino a atingir esse efeito usando o Elementor e o Elementor PRO. Sim, é possível e é mais fácil do que você imagina, só precisamos de um pouquinho de CSS, nada cabuloso, então fique tranquilo.
Se tiver gostado dessa dica me conta e coloca nos comentários que outros efeitos você viu por aí que você gostaria de aprender aqui no canal.
🎨 Acervo de Templates para Elementor - elementortempl...
💻 Treinamento COMPLETO - paginasnaprati...
USO E RECOMENDO
☁️ Hospedagem com Desconto - hostinger.com....
Cupom de desconto: PNP
👨💻 Código CSS:
.efeito-vidro {
backdrop-filter: saturate(160%) blur(3px) ;
}
CONTINUE APRENDENDO
🎨 Como Escolher uma Paleta de Cores para o seu Site - • 3 PASSOS para Escolher...
🔒 Top 17 Funções ESCONDIDAS do Elementor - • Top 17 Funções ESCONDI...
🛠️ 13 MELHORES Sites e Ferramentas para Web Designers - • 13 MELHORES Sites e Fe...
📝 Formulário de Contato com Elementor FREE: • Formulário de Contato ...
🌐 Como Criar um Site PROFISSIONAL em 30 minutos - • Como Criar um Site em ...
🤝 8 Passos para ENTREGAR um Site para o seu Cliente - • 8 Passos para ENTREGAR...
MANTENHA CONTATO:
🌍 Meu site - paginasnaprati...
📸 Instagram - / paginasnapratica
💸 Elementor PRO: Licença ORIGINAL e Barata - elementortemplates.com.br/elementor-pro
🌐 Acervo de Templates para Elementor - SuperBlocos: paginasnapratica.com.br/acervo-de-templates
Mais um grande sucesso da nossa conterrânea!!!! Excelente aula!!!!👏👏👏👏👏
Muito bom! Parabéns pelo vídeo, Chiara! 👋👋
Muito bom o vídeo, obrigado!
Muito bom, obrigado!
Muito bom 👏
Excelente. Testado e aprovado!
Até já salvei aqui pra ver de novo depois! 🔝
Top!! 🙌🏼
Otimo video, o unico que achei que configura um formulario em uma secção com elementos na lateral e com bastante conteudo, Obrigado pelo video, tudo de bom!
Gostei muito deste video e sugiro que faça um video semelhante para a página de Login. Estou tentando fazer uma baseado neste video.
vlw
top!
No meu elementor está dizendo que não reconhece o termo "backdrop-filter". Como resolve isso?
vc poderia me ajudar.meu elementor pro nao veio com o widti de sessao interna você sabe como abilitar isso
Oi, no caso você deve estar com o modo do Conatiner ativado
Utilize na propriedade de display, block ou inline-block, nesse contexto depende do que o você irá usar, pesquise um pouco sobre esses dois valores da propriedade e você irá conseguir compreender melhor.
Infelizmente funciona apenas para google chrome no desktop. Safari e mobile nao funciona
exatamente :(
Excelente. Obrigado!!