Tag: Efeitos

Como manter a proporção de um elemento com CSS

Como manter a proporção de um elemento com CSS

Me pediram para colocar um elemento flutuante no site com o preço de cada produto. Como os preços variam de acordo com o produto, eu não podia ajustar com padding apenas para que ficasse redondinho na proporção 1:1. Para isso, usei a propriedade do CSS aspect-ratio....

Cabeçalho diferente ao rolar a página com Divi

Cabeçalho diferente ao rolar a página com Divi

Para o site deste cliente, resolvi fazer dois cabeçalhos diferentes, um maior com várias informações que aparece ao abrir a página, e outro menor e fixo, apenas com o logo e o menu e que aparece ao rolar a página. Achei este tutorial:...

Botão copiar para Clipboard

Botão copiar para Clipboard

O cliente queria um botão que copiasse o link da página inicial do site para o clipboard, para que os clientes pudessem compartilhar. Descobri como fazer isso com JavaScript. Primeiro, para que o botão, ao ser clicado, não tire a página do lugar, eu dei uma id para o...

Abas com ícones usando blurbs

Abas com ícones usando blurbs

O módulo Tabs não funciona bem quando se é necessário muitas abas. Mas achei uma solução num tutorial ensinando a fazer abas usando blurbs. O endereço desse tutorial é : https://divilover.com/creating-custom-tabs-icons-using-blurbs/. Primeiro é necessário criar uma...

Delay para carregamento de determinados conteúdos da página

Delay para carregamento de determinados conteúdos da página

Um site que trabalhei, enquanto desenvolvido no WordPress, teve todo o conteúdo da página elaborado em HTML. Foram solicitados alguns ajustes no site e um deles seria que apenas a primeira seção aparecesse durante o primeiro minuto após o carregamento da página. O...

Parallax com sobreposição

Parallax com sobreposição

Uma cliente queria um fundo colorido e claro com efeito parallax, mas as cores escuras para o texto ficavam ruins e com o texto em branco dificultava a leitura. Pensei em colocar uma sobreposição para escurecer um pouco o fundo, mas descobri que não existe esta opção...