Novas animações trazem sofisticação e elegância aos elementos do Site

Uma nova tendência, a qual muitos templates de grandes CMS já aderiram, é disponibilizar os elementos com carregamento animado. Trata-se de aplicar efeitos visuais em textos, imagens, botões, galerias ou qualquer elemento de um site.

Essa técnica é visualmente agradável e transmite ideia de sofisticação e elegância. São funcionalidades inovadoras e que demonstram que sua empresa está antenada nas últimas novidades do mundo do Web design.

O Wix implantou essa tecnologia no seu editor e agora oferece animações para a maioria dos elementos de um site. São efeitos bonitos e modernos, os quais tem fácil configuração e simples aplicação.

Clique e confira o site que fiz somente para demonstrar um pouco o poder das animações em elementos.

Confira aqui um site profissional que utiliza esta técnica em sua homepage.

Como adicionar

Agora que você viu o que a animação é capaz de fazer nos elementos, saiba como fazer para adicionar e configurar.

1. Selecione o elemento ao qual deseja aplicar a animação.

2. Clique com o botão direito sobre ele escolha a opção “Adicionar Animação“:

3. Na nova janela serão mostrados várias opções de animação:

4. Ao escolher uma animação, a janela de configurações ira surgir. As opções são:

Duração – Defina quanto tempo a animação será executada. Quanto maior o tempo, mais lentamente ela será apresentada.

Atraso – Defina um tempo de atraso para o efeito começar. Por exemplo, ao definir o,50s, a animação demorará 0,50 segundos para ser executada na página.

OBS: o ícone Player (marcado na figura acima), ao lado do ícone de lixeira, é para que você possa visualizar os efeitos em tempo real na página.

Animar elemento apenas no primeiro carregamento – Ao marcar esta caixa, a animação será executada apenas um vez, o que é o recomendado.

DICA: para adicionar animação a um bloco de elementos, basta clicar sobre um deles e, mantendo a tecla Ctrl (control) pressionada, clicar sobre os outros elementos o qual você deseja adicionar a mesma animação:

E é isso. São belos efeitos que se forem aplicados profissionalmente trazem um resultado excelente.

OBS: essas animações não funcionam em plataformas móveis.

Havendo dúvidas, comente abaixo.

Saiba mais sobre este projeto, aqui.

2 comentários para “Novas animações trazem sofisticação e elegância aos elementos do Site”

  1. Por Rodrigo

    Responder

    • Por Gabriel Martins

      Responder

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

X

65 milhões de pessoas, ONGs e empresas já criaram seus sites no Wix. Crie o seu AQUI

¤
Leia mais:
Como criar um site para empresa
Fechar