No contexto do web design, a paralaxe de fundo refere-se a um comportamento pelo qual o fundo se move a uma taxa mais lenta do que o primeiro plano. Elementor (a versão pro) vem com um recurso que permite adicionar esse tipo de plano de fundo.
Nós vamos cobri-lo aqui.
Você pode ter um pequeno problema para adicionar fundo de paralaxe em Elementor carro Elementor não usa especificamente o termo "paralaxe". Em vez disso, para adicionar um fundo de paralaxe em Elementor, você pode aplicar um efeito de rolagem ao plano de fundo ao qual deseja adicionar o efeito de paralaxe. O plano de fundo que queremos dizer aqui é o plano de fundo da seção ou o plano de fundo da coluna.
Caso você seja novo em paralaxe, dê uma olhada no exemplo a seguir e observe a imagem de fundo. Este é um exemplo do efeito de paralaxe.
Dissemos que o efeito de paralaxe se refere ao plano de fundo e ao primeiro plano com uma taxa de movimento diferente. Sobre os fatos, o caso nem sempre é assim. Em vez de movimento, um web designer pode aplicar efeitos diferentes, como desfoque, transparência ou escala. O próprio Elementor oferece 6 efeitos diferentes:
- Rolagem vertical: O plano de fundo se move verticalmente na rolagem do mouse
- Rolagem horizontal: O plano de fundo se move horizontalmente na rolagem do mouse
- Transparência: O plano de fundo aparece como transparente antes da rolagem do mouse
- Desfocado: O plano de fundo aparece desfocado antes da rolagem do mouse
- Rotação: O plano de fundo gira na rolagem do mouse
- Escada : O plano de fundo aparece em uma determinada escala antes da rolagem do mouse
Como aplicar o efeito de rolagem no Elementor
Como mencionamos, você pode aplicar o fundo de paralaxe a uma seção ou a uma coluna. Portanto, selecione uma coluna ou seção à qual deseja aplicar o efeito de paralaxe.
Vá para a guia Style e abra o bloco Fundo. Defina o tipo de plano de fundo para clássico e escolha uma imagem que deseja usar como plano de fundo e ative a opção Efeitos de rolagem.
Defina a posição e o tamanho da imagem de fundo e selecione um efeito de paralaxe que deseja aplicar clicando no ícone de lápis em uma das opções de efeito de paralaxe disponíveis.
Você pode ativar vários efeitos de paralaxe, se desejar.
Aqui está. Você pode continuar editando sua página ou modelo. Uma vez feito, você pode publicar ou atualizá-lo.
