The Moon's Magical Dance: A Journey Through Its Phases

21st March, 2024 CHIRANJIT MITRA CHIRANJIT MITRA

Waxing Crescent

[{"selector":"#anim-4d6594a5-2caf-43b1-92a6-2d287565f88d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-6a016004-66c7-4389-8cfd-1de487b50fb0","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-69105b58-d65d-4b93-aa81-c0471d8da072 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-2.1451439554468306%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-d466b509-fd62-4033-87a4-e7c7da3a756f","keyframes":{"opacity":[1,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-b54b4b99-d58f-4a30-b749-7aa54b16d2a3","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] The moon starts as a delicate sliver, growing a little bigger each night. Learn more

First Quarter

[{"selector":"#anim-5e025afa-af08-4938-849f-96d46e13db23","keyframes":{"opacity":[1,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-b904ec54-3698-424c-9464-f013beb0a492","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a3a7c5fe-3266-4ccb-95d0-ff49e2b52e79 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-4.442267420747648%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-1a32cc1c-b951-432f-98d5-7a933ead3b8c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-eae1a682-e998-409e-abc4-65a67d134193","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] It reaches a perfect half-circle. We're halfway to a full moon! Learn more

Waxing Gibbous

[{"selector":"#anim-c47f18c2-5b79-43c1-bcd9-d57478140164","keyframes":{"opacity":[1,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-403dcfcc-d589-498d-8780-3751a8f33b59","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-ac19b00c-3beb-4e6c-aecf-acd0beb31dd3 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(17.790546066024167%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a0ba314e-fc1c-4d17-a30a-d86dfab4da5d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-5156e9f7-87e1-4174-956f-41f25ad21e71","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] The moon swells, getting bigger... almost there!

Full Moon

[{"selector":"#anim-f50a059d-1f39-49e3-bd1e-4b69a545bd29","keyframes":{"opacity":[1,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-03239f4e-a05c-4672-a223-688ff32b712c","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e86c44e7-6435-4370-94bc-64d3beda3a29 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(28.852510687709792%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-26567d53-9de6-462a-90cf-3949dc723192","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-84f9d2c4-e47c-4d1e-b9de-17192eafee6f","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] The moon shines in all its round, brilliant glory. Learn more

Waning Gibbous

[{"selector":"#anim-76923c92-c1b2-414a-93bf-538b3b9c23b1 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-16.388648759960738%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-ae555875-0ac5-4405-8529-dd480ecdaef6","keyframes":{"opacity":[1,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-15d7531b-d087-440d-8865-d9de008c1149","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-3f6ca39b-6119-43bf-a943-f9711fdbae12","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-89f14b4d-909e-4700-b604-14202582d102","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] The light starts to fade, and the moon begins to shrink. Learn more

Third Quarter (or Last Quarter)

[{"selector":"#anim-a0e514d5-b449-46fe-b617-477f054818cb [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-11.009869135917732%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a26cd23a-101f-4605-b3f2-a420dcccf8b5","keyframes":{"opacity":[1,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-111a638e-28d1-4872-af5a-bd43d1287c34","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-7ec3e93e-ca02-41b6-97a8-f565e668532f","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-cd8dbeb4-81d1-4190-b3bf-e4900f431d6a","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Back to a half-circle, but the illuminated side is opposite the First Quarter. Learn more

Waning Crescent

[{"selector":"#anim-b09a6e2b-c065-4f94-a2eb-18cba9289f96 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-30.936040072349662%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f3694014-ab05-44d4-a675-375ffe796e01","keyframes":{"opacity":[1,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-54b0cd33-bcc8-4e03-aeac-60bd4eb66ce4","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-3b21d471-8543-4ab0-8b32-82e094668096","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-5d759a40-0b07-4cc5-b8b1-cfe1648c6a76","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] A thin sliver remains before disappearing into the next new moon. Learn more

[{"selector":"#anim-e7b778d3-e567-4974-927c-952ad18276c0 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-5.8190272394373%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-fbaf0db6-77f1-4311-a155-261e5a890c5b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-ddc9642d-e55a-483c-b4db-65eae81be25c","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] It's not magic; it's science! The changing angles between the Earth, sun, and moon make the moon look different each night. Learn more