Como criar blocos reutilizáveis no Gutenberg

[{"selector":"#anim-e40666ba-4f2b-44e6-bbc8-7285dba58efe","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-07964253-bb26-48f5-9161-06f4610b67ab","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4f791287-5a6d-42e5-9db1-d815ddd69afd","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

1. Sem programação

[{"selector":"#anim-60f2ab4e-6210-4255-9c64-e0330cd16217","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-6efa28da-efd5-463e-a132-022e0bc9b42e","keyframes":{"opacity":[0,1]},"delay":1001,"direction":"normal","duration":501,"easing":"linear","fill":"both"}] [{"selector":"#anim-fff1dc61-85d0-4862-a623-142df3a570b6","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-b31b4fa9-f195-4a7f-8dea-122d8e35e0d9","keyframes":{"opacity":[0,1]},"delay":900,"direction":"normal","duration":300,"easing":"linear","fill":"both"}] Não precisa de nenhuma instrução técnica para fazer!

2. Simples e rápido

[{"selector":"#anim-e30cf4a6-7148-4bbc-84a6-ad73e120ac13","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-b106588b-4aaf-4e74-98ba-18d9210d3859","keyframes":{"opacity":[0,1]},"delay":1001,"direction":"normal","duration":501,"easing":"linear","fill":"both"}] [{"selector":"#anim-5b047d17-da16-4631-b72d-288446548596","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-b8ec1381-09d6-445a-8aa8-41cceb178f41","keyframes":{"opacity":[0,1]},"delay":900,"direction":"normal","duration":300,"easing":"linear","fill":"both"}] Chega de perder tempo editando os seus posts um por um! Atualize todos automaticamente!

3. Menos trabalho

[{"selector":"#anim-2a2c3ab2-4a6c-436b-8516-037c2a158504","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-f29199d5-b2a4-4d14-bae9-5e7153a254e6","keyframes":{"opacity":[0,1]},"delay":1001,"direction":"normal","duration":501,"easing":"linear","fill":"both"}] [{"selector":"#anim-903277ee-1633-446a-b9d2-174b17c770a8","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-df40c841-a64d-4b68-9174-9eb1ed2b5127","keyframes":{"opacity":[0,1]},"delay":900,"direction":"normal","duration":300,"easing":"linear","fill":"both"}] Aplicar essa técnica é mais fácil que você imagina. Além disso, ela te ajuda a otimizar

4. Ganho de tempo

[{"selector":"#anim-39d771a6-719c-4376-8220-7ddefa80ce10","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-7850c41b-479b-4686-a9bf-84d93c650a6c","keyframes":{"opacity":[0,1]},"delay":1001,"direction":"normal","duration":501,"easing":"linear","fill":"both"}] [{"selector":"#anim-70311b72-bfa4-4250-b9f0-70629388bdc2","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-6c6f0c30-0dd7-4df8-84b5-5d5d7dff9698","keyframes":{"opacity":[0,1]},"delay":900,"direction":"normal","duration":300,"easing":"linear","fill":"both"}] Menos esforço = Mais tempo de sobra. Não fique para trás!

Pesquise pelo assunto

[{"selector":"#anim-f035d6b5-6086-4114-9f91-07e222956f66","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-c584359c-ae78-4338-b65b-db5f33273e51","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-068e3fbd-1dad-4948-a62d-841bc7b96d4f","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-9ee064a0-8d92-40e2-811c-21539a291c97","keyframes":{"transform":["scale(1)","scale(1.05)","scale(0.995)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":600,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-633c3776-8a11-4686-80cb-e7f2e2499f97","keyframes":{"transform":["scale(1)","scale(1.05)","scale(0.995)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":600,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-cb665bba-f437-42de-9c12-9ee11fd2d277","keyframes":{"transform":["scale(1)","scale(1.05)","scale(0.995)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":600,"easing":"ease-in-out","fill":"both","iterations":1}] Aprenda como usar, criar, editar e gerir blocos reutilizáveis.