Paaskonijn Kleurplaat Stap-voor-Stap

[{"selector":"#anim-60857bb8-b730-4df7-b700-80e4457a52dc","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-e811dd63-4072-433d-8610-205d8173f2cd","keyframes":{"opacity":[0,1]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a7aa1817-d941-4c41-b7f9-23fa524ede6d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Yellow Browser Yellow Browser Chat Box Hey!!! 🙂

Maak je favoriete kleuren klaar!

[{"selector":"#anim-6a396ab7-473a-4ace-a355-f77bc6aadced","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-b1442835-c813-4f27-95c5-5f8eaed798d1","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-eb03fedf-00b3-4a20-b272-36d6bcb2fe85","keyframes":{"opacity":[0,1]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-10a7a436-a03c-4f27-9139-37080d064792","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Stap 1: Begin met kleuren

[{"selector":"#anim-9994a312-c243-49ca-abfc-ef06d0d511d6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5bc62017-4ca0-4f18-a29a-66e14f749465","keyframes":{"transform":["translate3d(-107.393%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57536466-8fad-44e7-ad68-dcd493d371bd","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d145afef-7a0f-4eff-a604-04891ce18649","keyframes":{"transform":["translate3d(-111.66667%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ac46b8de-1506-4525-bdc3-2c990a51b549","keyframes":{"transform":["rotate(-88deg) translate3d(-159.99999%, 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-0be14b28-303d-4795-bb22-bbbb8812e1a3","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6edef3b8-93ad-4b8e-941a-955b736178fc","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-39c90516-2754-477c-8910-693deb5d0dd3","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ad8c1860-fa84-46ce-80fc-371d367c5bcf","keyframes":{"transform":["translate3d(-164.01673%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-53073629-793b-4dbb-943f-9fd7d0ad12ac","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e260cdf0-e20f-44f6-9cf9-2e7825dbfcc9","keyframes":{"transform":["translate3d(-103.52112%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Stap 3: Neus en staart kleuren

[{"selector":"#anim-7dc7513e-1784-4b0e-940a-247aeeb9f182","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d0e3d7ed-775b-4ce8-83d0-5d1a9f5c1ad3","keyframes":{"transform":["translate3d(-140.26403%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2e0ccc93-d417-47fd-89ab-3a203f6cc722","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5f923ee5-c004-4396-a611-2efcb700fb06","keyframes":{"transform":["translate3d(-160%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0b69a45a-09e6-4bd9-8493-dc85010e2628","keyframes":{"transform":["rotate(-102deg) translate3d(-86.06557%, 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-823a1a69-e9e4-40ad-b576-88893171f3aa","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-419b6008-23d7-4363-8cce-922808d8122c","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-7708cd5a-7ee7-4ccb-866f-52e332c666cf","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec1938d5-e96e-498e-97d0-6bd2f5d15e81","keyframes":{"transform":["translate3d(-105.85774%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f2d29c3-5a3c-4418-9d2d-e32c9a634806","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5aecafc4-7ef0-4f43-9167-4b8dc76ea99c","keyframes":{"transform":["translate3d(-281.11888%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Stap 5:Paaseieren kleuren

[{"selector":"#anim-bef7300c-f860-469a-9b57-df9de4c36aad","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c9f79232-6c62-4834-8d2b-ba4c6ef25200","keyframes":{"transform":["translate3d(-116.59751%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-25c1803e-a9a4-483e-b35d-bfc5e6a19b4d","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-18b017c6-b236-4e78-bd99-072c73bee9b3","keyframes":{"transform":["translate3d(-111.66667%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e514c3fc-c096-4529-93b2-40f71b2b3730","keyframes":{"transform":["rotate(-88deg) translate3d(-159.99999%, 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-aa01becc-2bed-4cfa-8f3e-50b5bb6d2d25","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e449cb8-6e73-4b10-bdc7-1585a7a0bc06","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-aa99e225-11dc-4878-8b67-a33b70c2ed31","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e53bf34-64fe-4869-a7f5-86a791bc7b10","keyframes":{"transform":["translate3d(-164.01673%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a2f9aa9b-16ba-4a1e-a340-e8dd634c2a9a","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-53bbe2df-39c1-4865-9457-c967eb771788","keyframes":{"transform":["translate3d(-107.6923%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Stap 6: Achtergrond toevoegen

Klaar om te beginnen met kleuren?

[{"selector":"#anim-cd8ba2a9-ee2b-43d0-98e2-77d33392a303","keyframes":{"opacity":[0,1]},"delay":1000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8de69446-b5e3-497f-8fc0-900154991dad","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-3077b61c-a740-4cf9-90d3-04ef4c5d6301","keyframes":{"opacity":[0,1]},"delay":1600,"duration":1600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-b679f11a-e4be-4770-91eb-4928d78d7685","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":1600,"duration":1600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a2b5273b-6568-4773-831f-5d4c55bc6ee5","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a6f5cb4e-884b-4a2d-8120-c79ad28068ca","keyframes":{"transform":["translate3d(0px, 381.36211%, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-02857dd6-02b5-439c-afc4-e02a41c3ca7c","keyframes":{"transform":["rotate(-181deg) translate3d(-194.03972%, 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-32ad4f7c-fcf6-4d4c-9b42-134156b11a26","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ffb7d5a3-940d-4e42-9b75-8a2669952b54","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-cae83e3f-3aae-4b38-991f-1e7f621f3631","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df01f937-8424-4be9-acdf-d8e08074527e","keyframes":{"transform":["translate3d(-104.06092%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7d843cde-3fea-4e23-a41b-40f910737f83","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b321384b-7949-4bcd-a462-28ee8439f484","keyframes":{"transform":["translate3d(-210.41667%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Learn more