Zero Block: Animação de gatilho
Como configurar a animação de um elemento que é acionado por um clique ou por passar o mouse sobre outro elemento
Primeiros passos
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.
Como testar uma animação de gatilho em seu navegador
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.
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.
