Como inserir animações em blocos do Gutenberg

Última atualização: 31/03/2022

Basta utilizar o plugin Blocks Animation: CSS Animations for Gutenberg Blocks.


Versão Antiga (funciona somente com o editor clássico)

Para inserir facilmente animações em qualquer bloco do Gutenberg, basta utilizar o plugin Animate It!

Ele ainda não tem suporte para o Gutenberg, somente para o editor clássico. Mas não tem problema. Você pode definir as animações no gerador de classes e depois colar as classes no campo Classes CSS adicionais, na aba Avançado de qualquer bloco. Desse modo, o plugin também pode ser utilizado com construtores de página.

Um bug neste uso com o Gutenberg: quando você cola as classes, os blocos podem sumir. Neste caso, eu passo a acessá-los somente pela navegação de blocos, no menu superior do Gutenberg.


Deixe um comentário

O seu endereço de e-mail não será publicado.