Você sabe o que é o CSS3?

A sigla CSS significa, em inglês, Cascading Style Sheets

[{"selector":"#anim-44c7ee86-cac4-4b08-992c-193f7193b255 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(23.754223310130836%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-1f2f0bf1-3509-4220-ac0a-a16c2c0aeef2","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-327c909e-1d9c-4b25-a024-90cc73485865","keyframes":{"transform":["translate3d(-115.33547%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Que em português é traduzido em Folha de Estilo em Cascata

[{"selector":"#anim-124d5171-4f62-4d1a-afdf-36126a3df5a8","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4c71f6f-279e-4573-88cc-f19482efa82d","keyframes":{"transform":["translate3d(116.29393%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b7e36c50-d93a-4808-a3d1-377a6c66b6f8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-31.26831043321183%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}]

O CSS, apesar de fácil de se aprender pode ser bem complexo

[{"selector":"#anim-93f52853-3bd6-4c1f-803f-3fb2cc24e014 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(10.859840641515268%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-d369d518-77e1-4d88-853e-1126fd2892b1","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-721e8b8b-8aac-47af-9a47-d28d9184cc46","keyframes":{"transform":["translate3d(0px, 150.44310%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Ele possuí muito poder nos websites e aplicações web

[{"selector":"#anim-fff78f98-0c7b-4209-855c-b114b462b501 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-2.893610101802004%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a10fbb9a-48c6-48ed-a1d9-0be7168568b0","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-180a3d2c-71f7-4186-8737-97de9e2d72cd","keyframes":{"transform":["translate3d(0px, -196.85186%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

O CSS é utilizado em conjunto com o HTML para estilizar.

[{"selector":"#anim-13322290-89be-453f-a1a1-8e7a2d00ddae [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"}] [{"selector":"#anim-ac7f962b-feb2-4d59-9f91-3667f4663fc4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-927aa26f-be0d-4489-b74a-f2bd60a84c74","keyframes":{"transform":["translate3d(-115.33547%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Neste artigo te contamos na integra o que é o CSS3...

[{"selector":"#anim-72363030-307f-4c6b-89c1-7ca1b06e1e36 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(14.687500196906527%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-f7d2fba3-5802-487f-82e5-a9a4d268393a","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a52d7472-2aa2-4ea7-9018-60266545b70a","keyframes":{"transform":["translate3d(-115.33547%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1ea96020-ebe4-41a7-9816-5a9f1b750d45","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d7d234d6-2d7d-4349-9e74-6aeb514b7c6f","keyframes":{"transform":["translate3d(115.65496%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Leia mais