O widget de animação Lottie permite adicionar animações de qualidade vetorial ao seu site.
O Lottie é uma biblioteca móvel para Android e iOS que analisa animações do Adobe After Effects exportadas como JSON com Bodymovin e as processa no celular e na web.
Navegue pela animação no LottieFiles ou crie sua própria animação no After Effects, exportada com o plug-in Bodymovin.
Para adicionar o :
- No painel esquerdo, clique em Widgets.
- Clique e arraste o Animação Lottie para o seu site.
Veja mais informações sobre como adicionar ao seu site em Adicione widgets.
Editor de conteúdo
Para acessar o editor de conteúdo:
- Clique com o botão direito do mouse no e clique em Editar conteúdo.
- Copie o URL da animação Lottie na caixa fornecida.
- Para localizar o URL da animação, abra a animação no LottieFiles e clique em <html>. Ou cole o URL de qualquer arquivo JSON hospedado fora do LottieFiles.
- Selecione Loop Animation para reproduzir continuamente a animação ou selecione Animate on click.
- (Opcional) Para adicionar um link à animação, clique em Link e selecione o tipo de link.
- Se você usar uma animação gratuita do LottieFile, deverá incluir as informações de credencial do criador da animação. As informações do criador da animação estão localizadas na parte inferior do pop up da animação. Para obter mais informações, consulte as informações criativas de licença comum do LottieFile.
Editor de design
Para acessar o editor de design, clique com o botão direito do mouse no e clique em Editar Design.
Para redimensionar o widget, mova os controles deslizantes de largura e altura. Para manter as proporções entre a largura e a altura, selecione Manter proporção.
Para informações sobre opções de design que não são específicos a este (como layout, estilo ou espaçamento), consulte Design de widget.