Zero Block: Animação de gatilho

Os acionadores fazem parte de uma animação passo a passo. Para trabalhar com a animação de gatilho, você precisa aprender os conceitos básicos da animação passo a passo neste guia:

Para criar uma animação de acionamento, você precisa começar a configurar uma animação passo a passo. Para fazer isso, abra as configurações do elemento e clique em Add (Adicionar) na seção "Step-by-step animation" (Animação passo a passo).

Selecione o tipo de evento que você deseja acionar a animação. A animação de acionamento só pode funcionar ao passar o mouse ou ao clicar.

Clique em Add trigger (Adicionar acionador) e selecione um elemento em Zero Block que você deseja acionar a animação. A animação será iniciada após clicar ou passar o mouse sobre esse elemento.

Depois de selecionar um acionador, adicione etapas de animação. Por exemplo, adicionamos o movimento da forma em 300px para a direita em um clique de botão.

Além dos botões "Play Element" e "Play All", o site Tilda permite que você visualize a animação no navegador.

Abra duas guias em seu navegador:Zero Block e a mesma página no modo de visualização.

Dessa forma, você pode observar todas as alterações feitas em Zero Block visualizando-as na segunda guia. Para que as alterações apareçam na página, atualize a página de visualização.