Hoe kleur je deze Paasei in?

[{"selector":"#anim-6b32d644-2a4c-49e6-bc03-3b7cd525ec1e","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-262f0f67-40ce-4e38-b631-9f501337de21","keyframes":{"opacity":[0,1]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-24e108f2-e4ae-4abc-a37e-8d274b7bd231","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!!! 🙂

Prepara i tuoi colori preferiti!

[{"selector":"#anim-ff5c3693-4e1d-4d06-b079-9ae35e79cce8","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-8e93eec9-16c8-459c-840d-4648bebe8420","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-47f8ae81-d25c-4cb9-9053-5bd95d24e1bc","keyframes":{"opacity":[0,1]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ae2d067-7a6a-4a18-86e3-e37da7de627e","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-a215f14c-b5dd-4524-ad15-66122f24cbd8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-db4eaf81-e79a-45d2-8b35-ccbc484eb15a","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-4bc6a45a-418e-4758-9321-6876bb8f9fd0","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0c459229-058f-412b-99c9-e5908906c92e","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-379e8eb9-5e38-4193-9d39-c375b99df112","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-8d93876b-976c-414a-b012-32315d9c75ea","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f45a6c9-a85f-4fc4-a355-050835335ad5","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-d88cf2ce-d0a3-4e7d-ad84-cd82f5b8044d","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3106dd38-3520-43fe-8089-399da8462d0e","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-2c3ee855-b5b3-461a-a309-15db4ee5cd51","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3929c9be-2763-4ba0-bdad-a262045b569e","keyframes":{"transform":["translate3d(-103.28947%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Stap 3: Kleur het middenstuk.

[{"selector":"#anim-5511dd18-819b-4521-a840-41cba4fc298c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f998e98-9e69-4e7b-9eaa-af3ac86b8762","keyframes":{"transform":["translate3d(-150.18867%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-65277d03-dc93-4206-bdd1-6a0401d06ce6","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c306237c-788c-4793-8d45-57497a42f128","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-1a68268d-4e27-4855-9aca-24f4923a42d2","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-a9e8b7e9-a299-45b6-bb29-d1e573719702","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-522c33c8-6919-49fe-9903-ca9d737e4029","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-da2ed954-be9d-467d-8c33-4d87298dd4d2","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d60590d7-9c1b-47a5-a129-f82d9b625ba5","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-d91133a1-4e39-4cf0-ab33-f06fd2e36859","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df384d6e-7365-4a4e-988f-afcdf603745c","keyframes":{"transform":["translate3d(-273.8255%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Stap 5: Teken of kleur een vrolijke achtergrond.

[{"selector":"#anim-0feaf46d-8f7a-4c81-9f37-f22cb9691876","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-32b6d9ef-6408-4152-930a-f1c89d4636d6","keyframes":{"transform":["translate3d(-103.64584%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3774b97d-6888-43db-ab0e-e66aa0add185","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7647d9a4-0dcd-4128-aa89-ed000477eece","keyframes":{"transform":["translate3d(-115.80645%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Klaar om te beginnen met kleuren?

[{"selector":"#anim-a643d6d7-a4dd-49a3-aeac-42fdb0aec7f3","keyframes":{"opacity":[0,1]},"delay":1000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d46133fd-189f-4f39-bd73-45bb59e3684f","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-f1089d13-5bac-40c4-8aa4-45313d033e01","keyframes":{"opacity":[0,1]},"delay":1600,"duration":1600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-8f94a7a0-8f3b-4ef2-9da4-5ea4f6874a5e","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":1600,"duration":1600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-06799ef8-4d3f-4b15-a61f-32c4db7046da","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a4a94c96-68bb-4d49-a18e-194ee3a77be9","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-224785d3-790e-47e7-acb6-107228e95b2b","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-9cc70f65-9fe6-4649-9652-e6e232ecfd6a","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f5ad1e00-eae7-40f9-9404-0b17053a1a0d","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-1edec7cf-f553-4ebf-915f-9510923354a3","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12e74b81-b206-4f00-9391-939adc4fd5cf","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-3a6b9ced-cf64-4753-9a15-82b366c9ec02","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-94f2e347-47eb-4972-99cc-40cb2e280442","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"}] Klik hier