Coloriergâteau d'anniversaire étape par étape

Prépare tes couleurs préférées

[{"selector":"#anim-2316881c-2bee-4793-a8c4-697d031ef2e5","keyframes":{"transform":["scale(1)","scale(1.4)","scale(0.96)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":5}] [{"selector":"#anim-d7b6fb13-dfa2-44cc-8e7a-8df153628c40","keyframes":{"transform":["translate3d(-859.09102%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c637112-b13b-479d-87de-4a359738a231","keyframes":{"opacity":[0,1]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c44a32d7-66a4-44ed-94f9-3de94f131a8f","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Étape 1 : colorier le corps du gâteau

[{"selector":"#anim-75293277-ebca-4c52-b70e-1e6428ef8ad7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c8225003-f4c3-4e65-8d42-3e3d0adad92e","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ecc7bd2-0767-4b0e-aed0-b6d24fa8f48e","keyframes":{"transform":["rotate(-88deg) translate3d(-251.74823%, 0px, 0) rotate(88deg)","rotate(-88deg) translate3d(0px, 0px, 0) rotate(88deg)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-158847d2-e930-4b2f-8203-2f5b26cef289","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c6d8f9aa-8bb7-4819-a8b0-d139fab39add","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-2966a28d-9af2-4963-9f05-46a0964917cb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7d3e2f35-3674-44fa-a5ce-c686ef2623c7","keyframes":{"transform":["translate3d(-275.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Étape 2 : colorier le motif sur le corps du gâteau

[{"selector":"#anim-d47df4f9-1b7d-4ee8-8413-3379f991bb1a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-483e37a2-918e-4751-8de1-0402ed77efe7","keyframes":{"transform":["translate3d(-112.08053%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6368e8d8-d114-4ed1-8868-85c1390cbb73","keyframes":{"transform":["rotate(-102deg) translate3d(-129.41177%, 0px, 0) rotate(102deg)","rotate(-102deg) translate3d(0px, 0px, 0) rotate(102deg)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fe688c3b-30c8-4581-8a22-4664f36e0cd6","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8512f14f-746d-4373-b4ba-cee1d5735960","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-a944b342-dabd-44e2-a6ca-bef71bfd90d8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-22004a90-a872-4313-bda9-ea9dd8ba27df","keyframes":{"transform":["translate3d(-271.03449%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Étape 4 :colorier l'arrière-plan de l'image

[{"selector":"#anim-87bdafaa-09bd-44df-9e54-2d4729fbc607","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3b6064b1-8a3d-4ede-b710-30448ac2ff86","keyframes":{"transform":["translate3d(-109.51009%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Prêt à commencer à colorier ?

[{"selector":"#anim-17be9d18-baa6-4388-860a-5fcfaf332b0a","keyframes":{"opacity":[0,1]},"delay":1000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e8a4f017-b04f-4b49-a77a-24023a4a72e3","keyframes":{"transform":["rotate(-8deg) translate3d(0px, 76.88703%, 0) rotate(8deg)","rotate(-8deg) translate3d(0px, 0px, 0) rotate(8deg)"]},"delay":1000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dc7f49d5-75e2-4334-935b-f0892ba9dc1f","keyframes":{"opacity":[0,1]},"delay":1600,"duration":1600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-08b04fe4-e245-4d10-9190-658f4a99640f","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":1600,"duration":1600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-fbee54db-c102-4bdc-b196-af16191079a1","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fc431462-558c-4087-8b2b-b6374c4992ff","keyframes":{"transform":["translate3d(0px, 1078.13655%, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a922f084-f1f5-4541-8ec7-f54c2cb9908f","keyframes":{"transform":["rotate(-181deg) translate3d(-183.44369%, 0px, 0) rotate(181deg)","rotate(-181deg) translate3d(0px, 0px, 0) rotate(181deg)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f92fb776-ca4d-41d9-8d40-ad9c1d05476c","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-28a0887a-88bf-4029-8a04-4ea2e14a40c7","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Cliquez ici