Desafio Netflix: 7 Dias de HTML & CSS!

Seta 03 de Setembro de 2024 às 15:50 Alexia Paola PROGRAMAÇÃO PROGRAMAÇÃO

O que é HTML?

[{"selector":"#anim-242346ba-c450-4794-8cd6-2c970265d8c3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-80ed9488-1d9b-4582-8ae3-435469cdb595","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-224025d1-1caf-4c89-adc4-46a9d2a57b4b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-08c73bf3-eb1b-4be7-8169-a3d9b2e00f97","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-66fdbb9d-a990-48ae-9cd1-440a12d6354a","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-fd79aa8c-d376-45cb-846f-88bc27e5dcb9","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-89c118e8-82e1-42a3-af22-63198f64e85f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5a052a27-bbcd-464d-8b34-115c0561d41d","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fedb374d-ce0c-431e-b9a9-79b776583e55 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] HTML é a linguagem de marcação usada para estruturar conteúdos na web. Com tags específicas, determina textos, imagens e outros elementos em páginas de internet.

Para que serve o CSS?

[{"selector":"#anim-1ba94a62-e32b-40b9-9e15-cc0788bf1a99","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-585cf52c-9770-4d1c-9f81-588499c84010","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc597337-a6d9-4858-bab9-b6b8b83016c2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fa8a87b9-3ea3-4fd8-92d6-e7f243f6b46f","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-97f095c8-52c4-498a-8713-c7227540cb9b","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-540e1def-afad-4f6e-9b85-37569bc5c295","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-0b102f44-f8da-419f-9c55-be5911e39965","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-753ebd19-77b5-458e-b068-b2e99b473718","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-726d1d6a-6ea3-467e-ab69-a22fc9d9959e [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] O CSS é usado para definir o estilo visual das páginas web. Ele controla layout, cores, fontes e outros aspectos de design para melhorar a apresentação do conteúdo.

Como funciona Flexbox?

[{"selector":"#anim-876ba60c-a280-4d06-bef3-9f220a14d4c0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cd6f0852-3177-42ab-ac9a-e583688c6eb2","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-49c04d32-4e48-41f5-86d4-89189e98f688","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5c7bee05-a002-4523-9021-4cba661bc538","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-28a31848-dc24-4970-840a-7e09cfaa9609","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-eb66e3b5-4a78-4309-bf55-6eaa7e62778a","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-492c5286-93e1-4fd7-aaf5-cc5a37e40f2d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b8a29d4f-7240-4ad7-9036-73119bf34a41","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-68f0da7e-7069-48e7-9a33-94f481113464 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Flexbox é uma ferramenta CSS que facilita o alinhamento e a distribuição de espaço entre itens em uma interface, permitindo layouts responsivos e complexos de forma simples.

O que faz um Grid no CSS?

[{"selector":"#anim-25c5a0ea-9b7a-4941-9bcb-b18082668ed7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4bbdc01a-0c85-4beb-a962-d2632c75c358","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5ef9d674-dc39-48d9-9676-b7584eb86df1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-509cbf96-6716-4032-b700-c43da64cbddd","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6054827e-5f16-4af1-8c37-03b4e1d461df","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-013726d5-d68c-406c-a664-fbfa384df66e","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-84fac399-fef4-4054-8a3e-bda0e443f668","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e44ef072-97aa-4f9f-b57d-2b21fd0becda","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d6bc8c0e-1638-4243-9874-7ef02c67da94 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] O Grid no CSS organiza elementos em linhas e colunas, permitindo um controle preciso sobre o layout. É ideal para criar designs estruturados e responsivos em páginas web.

Quem é Fernanda Degolin?

[{"selector":"#anim-e2873b38-f36d-4931-b6ad-0fad6dbcd879","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-61cd38a0-cdea-478a-a7fc-62de78ddb03e","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c903370a-a8f6-4efd-8b21-119806efd432","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0bc62cd0-7e2e-4930-a729-86374f540ea5","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a4410d05-2162-4f8f-bd6b-b86091d97a2d","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-de538b5f-a50e-4d3e-b217-9797dc14f583","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-877db2e6-b94e-4436-b20e-4ae5e71b50c0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-afb82fa4-5655-4922-8162-be328282cc7a","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d196d6b9-9889-4a92-ab64-6c4d1858ba28 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Fernanda Degolin é uma desenvolvedora Front-end que atua no time de tecnologia da Globoplay. Ela é reconhecida por sua habilidade em ensinar e liderar projetos de código.

Desafio Netflix: 7 Dias de HTML & CSS!

[{"selector":"#anim-bf60bd24-54fe-4a91-b112-bab28e5fb0ea","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-72a4bba7-1dc2-45b3-88a7-860fe1cc3df2","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7e09561e-bec3-4b38-9355-6cd6c6854451","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-750d62f0-4c68-46f7-889d-1c2fc76bc6bb","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2a192a81-e687-48a7-a99a-5b609e3158e8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-17a0814a-148d-40ff-8feb-a891e58e17fa","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c5a7c2fe-b528-450a-948e-12aa20da267a","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-ce02a87d-293b-4f36-a61e-cd4b595e4820","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e2549c8f-bf3d-4d02-bbc6-558c316a9831 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Participe do desafio de 7 dias de HTML e CSS da Alura e desenvolva uma réplica da interface da Netflix, aprimorando suas habilidades em programação front-end. Saiba mais!

Participe da Comunidade Grupo no Whastapp!

[{"selector":"#anim-e2e89d26-70eb-4b30-b112-18739814efa0","keyframes":{"opacity":[0,1]},"delay":0,"duration":550,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f83e3f52-8727-43e3-a7b9-47128bf75fd1","keyframes":{"transform":["translate3d(0px, 574.26877%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":550,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bebb7e5a-d996-4c3a-acd5-077e75658ed4","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-958d55cb-e1c0-4bd4-aff1-3fa4cb86ef5c","keyframes":{"transform":["rotate(-228deg) translate3d(0px, 951.11008%, 0) rotate(228deg)","rotate(-228deg) translate3d(0px, 0px, 0) rotate(228deg)"]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fef4ff42-0d74-4906-a813-bf387587f6ca","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-cf7c9603-68d7-477d-855d-095eb1da3aeb","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-dfc161bb-9bd7-4df5-bfb4-8fc3129cc2a1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6fcdc4fc-bdca-4c9b-927a-cbaf3a0885c9","keyframes":{"transform":["translate3d(-161.16504%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2830fc40-4d2a-4cc9-b881-08eb1c5f6862","keyframes":{"transform":["translate3d(158.25244%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6efaf235-c6de-4ece-b027-40cee763c15c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-56d0c2c4-92cc-4924-be75-59b7e710f4a4","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-e8ba462b-889a-4783-a058-24dc2c4e4441","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d8e5a35c-9971-4229-8c3a-115c29182528","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6e1f6a32-b866-41ad-85e5-e94b6a29bbbd","keyframes":{"opacity":[0,1]},"delay":110,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-476193cc-f97a-480d-9293-34440bd244a1","keyframes":{"transform":["rotate(-227deg) translate3d(-294.99997%, 0px, 0) rotate(227deg)","rotate(-227deg) translate3d(0px, 0px, 0) rotate(227deg)"]},"delay":110,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec365096-6249-44c9-a678-22ae20a452e3","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3ce96546-a56b-4ad5-b593-e3cfb537ce8d","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-1c368e12-4cbc-49d2-b9f1-3de8ec250681 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, -0.00000456599066822605%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] 📱 ENTRAR AGORA! ENTRAR NO GRUPO

Gostou do Conteúdo?

[{"selector":"#anim-56929e6f-ccee-4d41-b395-1d81803662df","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-49ec1b49-6fdc-43a2-8396-6e713550ecfb","keyframes":{"transform":["translate3d(-200%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-49ec1b49-6fdc-43a2-8396-6e713550ecfb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d0c843b5-6e8d-452b-894b-ac9ddf4ca561","keyframes":{"transform":["translate3d(-388.88882%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-976e37c2-3f22-4482-afc5-3fb546b71e4f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ce026dbd-f53f-41f1-b3f7-5c9d9e851db6","keyframes":{"transform":["translate3d(-388.88882%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d507b387-51ba-440f-b21d-d53c310c2b52","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d7e5d06a-5f10-49e5-8603-0f2566f5aa43","keyframes":{"transform":["translate3d(-198.38715%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c9d5c52-c6ee-4029-b725-83438a07c970","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b7aa55da-e751-4887-9a5c-0db38311d0bb","keyframes":{"transform":["translate3d(0px, 284.22943%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-40f9ea03-3a29-4556-bd69-75711beb7b9d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-128dda9b-85a4-419e-96cd-801043df9809","keyframes":{"transform":["translate3d(0px, 655.09180%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8f85aa4a-882b-4e8c-aa43-ea202192ef91","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-14f43fb1-54cb-4e1f-b872-583589988243","keyframes":{"transform":["translate3d(0px, 284.22943%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-519584e0-2567-4bc1-8f09-244ce4c6b054","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d30fe1eb-2e94-433f-a477-8bf532944fb9","keyframes":{"transform":["translate3d(0px, 650.92520%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a63e78b7-1ae3-4804-a145-7de129cf29c4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a7124e98-ad31-40fe-aa61-8b6ea5d882b9","keyframes":{"transform":["translate3d(195.16132%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e124f24-0478-4547-a6c7-f8fad76df326","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3c93c59-d892-4985-9ec1-b1d5ccc82acc","keyframes":{"transform":["translate3d(420.83348%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d400d3f9-b9a3-4a96-a987-f046050e372d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8eb32d87-92a1-4c67-ae58-f1512b73df63","keyframes":{"transform":["translate3d(195.16132%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-45290ab5-6ab7-4544-b152-7d9e30195aed","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8bcc95db-6d94-4c54-b772-1cd774c4c0cf","keyframes":{"transform":["translate3d(439.13072%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4cc36f55-e44c-4912-b2d5-4c1f169879b5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-0401f31c-6d96-4b50-a3d1-524fce2e004b","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-4a33c15a-bab9-4207-88c8-1466f3626bec","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-83f9c05c-0752-4030-9c5b-42b8662bf28e","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-8f118e2a-9357-4c6a-b23c-2e72f6a14ba0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f404c75c-1705-4246-8653-18fb282dff06","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-d65eb9ec-f0b9-4d8c-8227-98dfcb2e1886","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-aaaa52dd-7293-4e76-9d26-04acfbf0865e","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-363750d4-5ec7-40c4-ad62-423967f1dd4e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9cbbe566-b8e7-4c2f-a5b9-6966ead09a3f","keyframes":{"transform":["translate3d(-185.0746%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-332bb921-ccca-4a9f-b28c-b1374ef27386","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a5faa014-6099-41dc-b15d-97cdb3be9eee","keyframes":{"transform":["translate3d(-153.91305%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9176d1c1-2299-4680-85b5-a767a5503bf0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-921a7d94-c33e-4336-a2d3-bf41dbdb3f89","keyframes":{"transform":["translate3d(115.18987%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a23c22b3-7955-4c48-a398-db1486191b33","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a0d2bb66-9e00-45ed-81f6-744b2ac9a86c","keyframes":{"transform":["translate3d(0px, -461.1109%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-53b658b9-d657-4836-b1ca-e769015f23f8","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-fdc0f365-5cda-47b9-b1b4-084e590eb57a","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-29a7b8d5-5690-4936-ae58-16606d3c03a4 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Clique Aqui Visite nosso site! O maior portal de cursos, capacitação e educação em tecnologia e desenvolvimento do Brasil.