Elementor Pro 2.5.0: Efeitos Parallax e Correções

O Elementor Pro 2.5.0 chega com um poderoso conjunto de controles para adicionar lindas transições e animações ao seu design.

Até agora, os webdesigners queriam incorporar animações e efeitos de movimento necessários para usar bibliotecas externas ou códigos personalizados. Sempre usei o JetTricks e gosto muito dos efeitos que ele possui.

Conheça o Elementor Pro 2.5.0 Motion Effects

Agora o Elementor Pro 2.5 oferece uma solução completa para criar efeitos Paralaxe, animações e outros efeitos de movimento — todos perfeitamente integrados ao editor Elementor e utilizando recursos avançados de CSS.

Antes de testar, certifique-se de estar usando o Elementor Core v2.5.8.

Efeitos de Rolagem do Elementor Pro

Use efeitos de rolagem para criar animações e interações incríveis quando o usuário rola a página. Veja uma lista dos novos efeitos de rolagem do Elementor Pro 2.5.0:

Efeitos Verticais do Elementor Pro

Este é o efeito de paralaxe clássico pelo qual você estava esperando. A rolagem vertical faz o elemento se mover a uma velocidade diferente da da página durante a rolagem, na direção e velocidade de sua escolha.

Efeitos de Rolagem Verticais do Elementor Pro

Rolagem horizontal significa quando o visitante rola para cima e para baixo, o elemento se move para a direita e para a esquerda de acordo. Um exemplo de uso — uma seção com nuvens que se move para a direita quando o visitante rola para baixo.

Efeitos de Transparência

A transparência permite tornar gradualmente os elementos mais transparentes ou mais visíveis em correlação com a rolagem do visitante. Um exemplo é que um título apareça e depois se dissolva de acordo com o pergaminho.

Existem 4 direções de efeito possíveis:

  • Fade in — significa que o elemento começa como transparente e gradualmente se torna visível.
  • Fade out — O elemento começa como visível e gradualmente se torna transparente.
  • Fade out in — O elemento começa como visível, depois desaparece e fica visível novamente.
  • Fade in out — O elemento começa como transparente, torna-se visível e depois transparente novamente.

Efeitos de Blur no Elementor 2.5.0

Essa configuração é semelhante à Transparência, apenas em vez de transparência, o elemento fica desfocado. Um bom exemplo são as imagens de fundo, que recebem foco adequado apenas quando o usuário rola para baixo.

Efeitos de Mouse no Elementor Pro 2.5.0

Crie um senso de profundidade fazendo com que os elementos se movam em relação ao movimento do mouse do visitante.

Efeitos de 3D Tilt

Da mesma forma que Mouse Track move o elemento em relação ao movimento do mouse, o efeito 3D Tilt inclina o elemento de acordo com o mesmo movimento do cursor.

Controle de Consulta Remodelado no Elementor

Até agora, os usuários que desejavam criar uma grade de consulta de postagens personalizadas tiveram algumas dificuldades, o que exigiu um código personalizado.

O Elementor Pro 2.5.0 introduz o novo Controle de Consulta, que é incorporado aos widgets Posts, Portfólio e Produtos, permitindo incluir ou excluir postagens com base em qualquer termo pesquisável, filtrar por consulta de data personalizada e agora também suporta mostrar ou ocultar Postagens.

Além disso, foi adicionado o suporte a qualquer consulta relacionada, com base nas mesmas opções avançadas de consulta.

Usando o widget Produtos, agora você pode filtrar produtos WooCommerce com base em valores de atributos específicos, o que significa que você pode mostrar apenas produtos com, por exemplo, uma cor vermelha.

Mais melhorias no Elementor Pro 2.5.0

  • Tweak: Adicionado opção para abrir um Popup por um seletor personalizado
  • Tweak: Alterado “Efeitos de Rolagem” para “Efeitos de Movimento”
  • Tweak: Adicionado opções de controle de raio de borda completa dentro do Popup
  • Tweak: mostra apenas um pop-up em sua própria visualização
  • Tweak: Adicionado suporte a shortcode de campo de formulário
  • Tweak: Popups — Ícone de intenção de saída alterada
  • Tweak: Adicionado recursos dinâmicos ao widget Lista de Preços
  • Tweak: Use o filtro get_meta_viewport para modelos de cabeçalho
  • Tweak: Adicionado recursos dinâmicos para atributos personalizados
  • Tweak: Nav Menu — diminui o z-index
  • Tweak: Adicionado recursos dinâmicos ao widget Flip Box
  • Tweak: Adicionado suporte responsivo ao controle de animação de entrada Popup
  • Tweak: Adicionado suporte responsivo a controles de Colunas de Produtos de WC e Intervalos de Linhas
  • Tweak: use Filterable Util :: get_public_post_types () no Theme Builder
  • Tweak: Adicionado suporte ao carregador de RocketLoader do Cloudflare

Correções do Elementor Pro

  • Correção: Conflito entre o widget de produtos de arquivo e o personalizador do WC
  • Correção: Adicionar ao espaçamento entre os widgets e espaço entre os objetos
  • Correção: visualização de biblioteca ao criar um novo cabeçalho ou rodapé

A previsão é que o Elementor Pro 2.5.0 saia na versão estável em 26/03/2019.

Um grande abraço e até a próxima!