COMO USAR COLOR BLOCKING

[{"selector":"#anim-61dc0a22-df1d-4547-a23e-d1dbe2f09127","keyframes":{"opacity":[0,1]},"delay":0,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-77866f12-8f9c-4819-9e37-13d410f1cd52","keyframes":{"transform":["translate3d(0px, 78.19889%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e03a60e-e241-437a-a4ec-787d419cca0b","keyframes":{"opacity":[0,1]},"delay":250,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e86484d1-bbf8-425c-9f96-2d1937d5557d","keyframes":{"opacity":[0,1]},"delay":600,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eda38c8f-c906-45da-a9a0-2e34f83676b5","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fadd1c09-1266-4b00-b8b5-d8ce0517b167","keyframes":{"transform":["translate3d(105.64102%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54e1b604-8380-43e4-aa6e-a527e01581ee","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Cinderela de Mentira Círculo traçado

O QUE É COLOR BLOCKING?

[{"selector":"#anim-cf7504f3-5fee-4ac2-9966-7820dd008c00","keyframes":{"opacity":[0,1]},"delay":0,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0453972a-07a5-47cc-933b-756940c68535","keyframes":{"transform":["translate3d(0px, 224.55458%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b461c825-e79b-49f5-89b0-4c1d9a061332","keyframes":{"opacity":[0,1]},"delay":250,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9da6d2fe-03f8-4561-b9aa-92085b463f3a","keyframes":{"opacity":[0,1]},"delay":600,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1bc798f9-d865-42bd-ab02-abd98e16ae23","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6373a9b5-7503-4e29-92b7-98a9e7637a0b","keyframes":{"transform":["translate3d(90.25641%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cbabd904-5a62-4004-886e-6dd816558871","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Em tradução livre, color block é bloco de cor. No look podemos usar blocos de cores fortes específicas em peças distintas para um efeito moderno. Círculo traçado

[{"selector":"#anim-e7dbd471-e95f-4f6c-af6b-e7f72bb11b27","keyframes":{"opacity":[0,1]},"delay":0,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cfd10f4f-581c-4436-9e59-e344ae5628fe","keyframes":{"transform":["translate3d(0px, 224.55458%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-42ac8dca-4807-40bb-b705-581a799d1832","keyframes":{"opacity":[0,1]},"delay":600,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c6502317-561e-45f9-baaf-5f45a6b2ef71","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-451d2301-ebf8-4c22-9038-7ff1d24aa949","keyframes":{"transform":["translate3d(155.89743%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a57b4204-9843-4ae0-8474-836eb11bdfc5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-438404ab-c5c5-4384-bef4-b747aefe0631","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Você pode misturar 2, 3 ou até mais cores no seu visual color blocking. A dica principal é manter a mesma saturação das cores para uma harmonia maior. Círculo traçado

Cores com mesma saturação:

[{"selector":"#anim-b785d487-71e6-46aa-9a33-6c1bf1dd60de","keyframes":{"opacity":[0,1]},"delay":0,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2e43db7e-001d-4edc-b56b-5612ae434b9c","keyframes":{"transform":["translate3d(0px, 224.55458%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6a598597-9e8d-4290-a324-e0cf92d4f2a0","keyframes":{"opacity":[0,1]},"delay":250,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dab12bfd-b21e-45f9-878f-94edc601e1ee","keyframes":{"opacity":[0,1]},"delay":600,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4c08e7e9-8e50-4d37-b50b-9f63bff6d425","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-afd4d41a-3b77-4855-85a6-7509376b3f7c","keyframes":{"transform":["translate3d(90.25641%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-45522882-f2f8-4360-9441-4e66dc96f285","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Cores neon com neon, candy com candy, vibrantes com vibrantes... Misturá-las no look pode trazer um visual colorido, moderno e harmônico. Círculo traçado

GOSTOU DAS DICAS? SEGUE O CANAL PRA NÃO PERDER NADA!

[{"selector":"#anim-73d53603-d86f-4a50-94c0-60ef587a62a3","keyframes":{"opacity":[0,1]},"delay":0,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d5bebf43-df87-424c-b58c-e06444ed08f2","keyframes":{"transform":["translate3d(0px, 78.19889%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9445adeb-a75f-427e-88c5-f028977c55d4","keyframes":{"opacity":[0,1]},"delay":250,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-306f70a6-43be-4aa0-a7bb-72f8a64395fd","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-710b67ad-2d2e-41ab-83cf-c6dfffde2210","keyframes":{"transform":["translate3d(105.64102%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Círculo traçado VEJA MAIS