Como criar blocos reutilizáveis

Como criar blocos reutilizáveis no Gutenberg

[{"selector":"#anim-e9f63e07-8c5f-414e-a00b-4de49cfa2270","keyframes":{"transform":["translate3d(-112.38671%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-43e940a9-256e-4d7b-81ef-abf9fc55cd3e","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-baf1514c-7c82-4bbf-a61a-31016eaf4ff5","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Conheça os benefícios de fazer blocos reutilizáveis

[{"selector":"#anim-0cb1c6a4-5d90-44da-bbdb-20c4da695767","keyframes":{"transform":["translate3d(0px, 80px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"direction":"normal","duration":800,"easing":"cubic-bezier(0.165, 0.84, 0.44, 1)","fill":"both"}] [{"selector":"#anim-09e86ce9-0e63-4202-a90f-8e8cbc16e294","keyframes":{"opacity":[0,1]},"delay":1001,"direction":"normal","duration":501,"easing":"linear","fill":"both"}] [{"selector":"#anim-f1d46077-5b4a-499f-9a4f-5eedf5434be2","keyframes":{"transform":["translate3d(0px, 100px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"direction":"normal","duration":700,"easing":"cubic-bezier(0.165, 0.84, 0.44, 1)","fill":"both"}] [{"selector":"#anim-9d917d6d-2d38-49cd-9ea6-aaf8b7beab2d","keyframes":{"opacity":[0,1]},"delay":900,"direction":"normal","duration":300,"easing":"linear","fill":"both"}] 1. Sem programação Não precisa de nenhuma instrução técnica para fazer!

[{"selector":"#anim-9c1a8a35-073f-4f4c-9025-f25175212a8e","keyframes":{"transform":["translate3d(0px, 80px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"direction":"normal","duration":800,"easing":"cubic-bezier(0.165, 0.84, 0.44, 1)","fill":"both"}] [{"selector":"#anim-d726eca2-934d-485d-ab2a-e44f785a093c","keyframes":{"opacity":[0,1]},"delay":1001,"direction":"normal","duration":501,"easing":"linear","fill":"both"}] [{"selector":"#anim-e1a616c0-0a3e-45c8-b8d0-e703728f4e89","keyframes":{"transform":["translate3d(0px, 100px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"direction":"normal","duration":700,"easing":"cubic-bezier(0.165, 0.84, 0.44, 1)","fill":"both"}] [{"selector":"#anim-cb81715f-e1c4-4718-aa89-0baf375765c9","keyframes":{"opacity":[0,1]},"delay":900,"direction":"normal","duration":300,"easing":"linear","fill":"both"}] 2. Simples e rápido Chega de perder tempo editando os seus posts um por um! Atualize todos automaticamente!

[{"selector":"#anim-38961e31-1965-41cb-b470-8aba278b2c3b","keyframes":{"transform":["translate3d(0px, 80px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"direction":"normal","duration":800,"easing":"cubic-bezier(0.165, 0.84, 0.44, 1)","fill":"both"}] [{"selector":"#anim-28dd256f-ced2-45f0-8a26-69f3daa16362","keyframes":{"opacity":[0,1]},"delay":1001,"direction":"normal","duration":501,"easing":"linear","fill":"both"}] [{"selector":"#anim-b763a149-7915-4878-894e-f7023905904d","keyframes":{"transform":["translate3d(0px, 100px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"direction":"normal","duration":700,"easing":"cubic-bezier(0.165, 0.84, 0.44, 1)","fill":"both"}] [{"selector":"#anim-e6b5a464-e274-4eb8-93a9-8848c758db9f","keyframes":{"opacity":[0,1]},"delay":900,"direction":"normal","duration":300,"easing":"linear","fill":"both"}] 3. Menos trabalho Aplicar essa técnica é mais fácil que você imagina. Além disso, ela te ajuda a otimizar

[{"selector":"#anim-ea913ea9-9470-4df9-8bef-c487758c0605","keyframes":{"transform":["translate3d(0px, 80px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"direction":"normal","duration":800,"easing":"cubic-bezier(0.165, 0.84, 0.44, 1)","fill":"both"}] [{"selector":"#anim-943a7e76-4a58-4a02-bcd1-efbf883284ec","keyframes":{"opacity":[0,1]},"delay":1001,"direction":"normal","duration":501,"easing":"linear","fill":"both"}] [{"selector":"#anim-56b3a344-2b95-4b0b-a838-377236dbfc0d","keyframes":{"transform":["translate3d(0px, 100px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"direction":"normal","duration":700,"easing":"cubic-bezier(0.165, 0.84, 0.44, 1)","fill":"both"}] [{"selector":"#anim-3b5680f4-7dfa-4270-8a6e-5ea8d249c2a7","keyframes":{"opacity":[0,1]},"delay":900,"direction":"normal","duration":300,"easing":"linear","fill":"both"}] 4. Ganho de tempo Menos esforço = Mais tempo de sobra. Não fique para trás!

[{"selector":"#anim-07aa0e81-7dfc-4a07-b516-ed193bbbabb0","keyframes":{"transform":["translate3d(-106.45161%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63471097-f1d4-41ba-9163-453ccb04c8f5","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cae88d24-b033-44e4-8c2e-7d30143b7a7e","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-44db66d7-62cf-4f60-b398-5df9befc957a","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.95)","offset":0.25},{"transform":"scale(1.05)","offset":0.75},{"transform":"scale(1)","offset":1}],"delay":0,"duration":600,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-6306684e-8399-42ae-9071-7fd5a0cffa1f","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.95)","offset":0.25},{"transform":"scale(1.05)","offset":0.75},{"transform":"scale(1)","offset":1}],"delay":0,"duration":600,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-9e3571de-fc6c-42c8-9ad4-c83da9bc71f9","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.95)","offset":0.25},{"transform":"scale(1.05)","offset":0.75},{"transform":"scale(1)","offset":1}],"delay":0,"duration":600,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)","fill":"both","iterations":1}] Aprenda como usar, criar, editar e gerir blocos reutilizáveis. Pesquise pelo assunto