Como inserir animações em blocos do Gutenberg

C

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.

Sobre o autor

Frederico B. Teixeira

Belo-horizontino morando em Brasília, católico, marido de sorte, pai de duas meninas e dois meninos, engenheiro eletricista e desenvolvedor web freelancer com múltiplos interesses.

0 Comentários