Styled Press Lower Level Reveal

[{"selector":"#anim-754ac9c3-ccac-4d06-abe8-3acb69b599e6","keyframes":{"transform":["translate3d(0px, 12%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"both","iterations":1}] [{"selector":"#anim-29baad1b-e3cb-4cf5-a6aa-a9d69dda79a6","keyframes":{"transform":["translate3d(0px, 100%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1500,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards"}] [{"selector":"#anim-5fb908f3-88ca-4ea7-a74f-afad42f01bc7","keyframes":{"transform":["translate3d(0px, 100%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1200,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-9546e4c1-4ae4-4678-a0db-489e12c9fb9e","keyframes":{"transform":["translate3d(-10%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards","iterations":1}] [{"selector":"#anim-27ee9e7a-b58c-4f62-b427-e4ab2b6e72d3","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] Learn more

Before

[{"selector":"#anim-74a1c113-c12b-4424-8ce5-c7635536f5c1","keyframes":{"transform":["translate3d(0px, 30%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-5489c86f-859e-45a8-bd3e-90375e167a26","keyframes":{"opacity":[0,1]},"delay":400,"direction":"normal","duration":400,"easing":"linear","fill":"both","iterations":1}] [{"selector":"#anim-1bd8aaf4-812c-4e47-a4c2-b773073ca0de","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-8f42746e-7d29-4026-91f7-e187f8c64df0","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-f746a675-fd28-4904-b3b5-fddfd0b2fb48","keyframes":[{"transform":"rotateZ(-200deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards"}] [{"selector":"#anim-28e7b0dc-f12c-48d8-9f1b-4382817831d1","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-7435a717-efb9-4d30-9bbd-d2d50e81f040","keyframes":[{"transform":"rotateZ(-45deg)"},{"transform":"rotateZ(0deg)"}],"delay":300,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-0039785b-f771-4a26-a396-70591af2c3a6","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-3a9a0d8c-0040-4bb1-9944-3e9f8cd04ec9","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-0f2b70e1-fd1b-47c3-9d65-21de9cd202e4","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}]

[{"selector":"#anim-0025a045-c37c-4c70-bf30-58b0808dbf99","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-478fab0a-86b6-4315-80c8-3e7ad3151ad9","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-7a4cc3f1-b483-4325-b418-985c14ca989c","keyframes":[{"transform":"rotateZ(-200deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards"}] [{"selector":"#anim-21494d52-c1dc-409b-b1bd-66807e26b010","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-f169677a-7272-4343-9111-9906b02e7a53","keyframes":[{"transform":"rotateZ(-45deg)"},{"transform":"rotateZ(0deg)"}],"delay":300,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-1522a6fd-e046-4532-96c7-b2521090ddbb","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-d5889f04-fce3-4669-ac55-b88a44bf4a3a","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-f3b0d0be-77c4-4814-bca6-60e2ce0ac101","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}]

Designs

[{"selector":"#anim-cbb23e42-cc25-45cf-8c7e-daf6d107fc92","keyframes":{"transform":["translate3d(0px, 30%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-484c3785-e55f-4d5e-9307-c46110f52435","keyframes":{"opacity":[0,1]},"delay":400,"direction":"normal","duration":400,"easing":"linear","fill":"both","iterations":1}] [{"selector":"#anim-c190a053-d8de-4adf-99e8-7a98ff8c4572","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-49a31eac-9f45-4c4f-a775-7dd28ea342f5","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-d71cc324-902a-477f-980e-35c0980e64fd","keyframes":[{"transform":"rotateZ(-200deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards"}] [{"selector":"#anim-3bda9992-0a29-4f86-8c60-ccff28b89501","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-350c5920-d952-40cd-a400-e03ecd47e210","keyframes":[{"transform":"rotateZ(-45deg)"},{"transform":"rotateZ(0deg)"}],"delay":300,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-9c63b788-673b-42c7-8305-d623c60db7e8","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-a9e80822-0165-45b7-95e9-b0bf24b08168","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-a8ffb09a-dd2c-416b-901d-ed38406d3f91","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}]

[{"selector":"#anim-1b8276c2-7a44-4ace-bcbc-482adba26c5f","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-b45f8e9d-d6db-4fb1-abcc-f447e18970cb","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-c000aeb8-faa5-4951-9692-ae86face8b91","keyframes":[{"transform":"rotateZ(-200deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards"}] [{"selector":"#anim-34155fc9-6167-4498-9787-3d94e6754aee","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-52b65c27-3354-40d5-b207-9e9e0f7111cd","keyframes":[{"transform":"rotateZ(-45deg)"},{"transform":"rotateZ(0deg)"}],"delay":300,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-09cb8f88-eaad-4c8e-a072-9c0efc2c4011","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-68fc92cb-e54c-4121-b758-32822e39205a","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-98c63682-52bd-4361-bd47-9319dc2fa4dd","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}]

Renderings

[{"selector":"#anim-b9904bca-5dda-45e1-910a-2568cb6541c3","keyframes":{"transform":["translate3d(0px, 30%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-390b1a46-90e3-4e62-bbc0-f4cd92e6b927","keyframes":{"opacity":[0,1]},"delay":400,"direction":"normal","duration":400,"easing":"linear","fill":"both","iterations":1}] [{"selector":"#anim-f46563a5-c5a4-4371-9769-074f36844ede","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-18d08e51-adce-41fa-aba8-de4a304a45be","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-bec54f69-9eda-4481-9eb3-cbb26265c826","keyframes":[{"transform":"rotateZ(-200deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards"}] [{"selector":"#anim-6eae4e5b-ae1b-42ba-9cd7-2394158e8db6","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-fb2030b7-b1b1-48aa-952b-3beb7268dbc4","keyframes":[{"transform":"rotateZ(-45deg)"},{"transform":"rotateZ(0deg)"}],"delay":300,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-53fa26cc-4453-4087-a1b1-55388328caf7","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-2dcd6c63-6c54-44c8-abce-277aae32ebcb","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-bc8948a6-e039-4b1d-82b8-8b6ab6f6c063","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}]

[{"selector":"#anim-de4156ea-c23b-4e74-84f3-251dcca13fc6","keyframes":{"transform":["translate3d(0px, 30%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-28f2bd71-732a-4775-9cd4-0c4235cfeae9","keyframes":{"opacity":[0,1]},"delay":400,"direction":"normal","duration":400,"easing":"linear","fill":"both","iterations":1}] [{"selector":"#anim-e085df8a-55e6-4d63-b074-6bb947a445bb","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-88f112ec-bead-4188-853f-3e80f8809a68","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-d34ed464-d6ba-45fd-b940-8ef736f93734","keyframes":[{"transform":"rotateZ(-200deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards"}] [{"selector":"#anim-b89038dc-8d7b-415f-a8db-314b5cd49eb6","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-77a58320-d4c4-4bfd-a3e5-b106416bdebb","keyframes":[{"transform":"rotateZ(-45deg)"},{"transform":"rotateZ(0deg)"}],"delay":300,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-3a0a2379-fed5-4119-ac05-dd97078874be","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-c044169d-211f-4ad4-bafa-020bf9d94c2f","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-9374ff42-3c2e-45fd-bfaf-a3e392400dbe","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] Bar

After

[{"selector":"#anim-b1f8d9f6-63e1-46e0-a3ff-420fa2f2b6d8","keyframes":{"transform":["translate3d(0px, 30%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-0d5249db-d60a-4734-90a3-7b53399db03c","keyframes":{"opacity":[0,1]},"delay":400,"direction":"normal","duration":400,"easing":"linear","fill":"both","iterations":1}] [{"selector":"#anim-db3a5523-3ea5-4b27-b513-0bfd9e676fae","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-747b1ca0-a308-4c92-ad7f-7e99fb247104","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-611be1b4-e9ad-4407-8267-88dfe00d8006","keyframes":[{"transform":"rotateZ(-200deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards"}] [{"selector":"#anim-de56058d-632b-420c-af0a-431688644741","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-1d662e95-2f44-4717-9285-34386d85255f","keyframes":[{"transform":"rotateZ(-45deg)"},{"transform":"rotateZ(0deg)"}],"delay":300,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-250276c9-733f-4943-b0c8-f3bbbd89fe70","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-9cad0686-4992-47b3-a6a7-f6422dd11fca","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-dc8989b4-0ce9-41de-a7b1-dd85cc1bd22b","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}]

After: Bar

[{"selector":"#anim-70396cc1-0771-40b9-bcc0-1e8642988b01","keyframes":{"transform":["translate3d(0px, 30%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-6c7d710e-f69c-4465-a4e3-b73fa26d3f9f","keyframes":{"opacity":[0,1]},"delay":400,"direction":"normal","duration":400,"easing":"linear","fill":"both","iterations":1}] [{"selector":"#anim-3f4fb5ad-5c0f-4e2a-86ef-a9c58b16980c","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-4cb4df0e-99dd-4ba7-883e-1894588d9def","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-fb45a282-afca-414d-b1ee-2d4fff62c804","keyframes":[{"transform":"rotateZ(-200deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards"}] [{"selector":"#anim-6be84679-d024-422a-9ce9-0a3b7e494638","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-1e8a8039-d7a7-4d1d-8e6c-451d9aa8dc6b","keyframes":[{"transform":"rotateZ(-45deg)"},{"transform":"rotateZ(0deg)"}],"delay":300,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-e10228da-d4dc-4583-9524-f90978b15739","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-14bb5c13-b474-438e-a069-e6fd26676284","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-bc66a8bc-6e2d-45f1-93c7-ad4390512ade","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-4a6a5559-d09d-47e5-826f-5002f5c1115b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2e2608da-52a9-4e9c-952e-084ba3b183e4","keyframes":{"transform":["translate3d(-100.57804%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

After: Living Space

[{"selector":"#anim-49d40cca-01dd-43c3-ac75-bc83e93304b7","keyframes":{"transform":["translate3d(0px, 30%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-3728cddf-2202-4e7d-880e-ce5f421dc168","keyframes":{"opacity":[0,1]},"delay":400,"direction":"normal","duration":400,"easing":"linear","fill":"both","iterations":1}] [{"selector":"#anim-e6a8a634-3f3a-4160-8e8c-e22be30998f7","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-828b9ebf-24f7-4eed-aba6-9c832d469745","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-133c80fc-65fb-4328-b92e-412e9dcab2df","keyframes":[{"transform":"rotateZ(-200deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards"}] [{"selector":"#anim-89c348fe-0ad0-4112-94c0-ae77f716fc53","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-75c7b0a7-92cd-44da-b4d3-7ff3501526ef","keyframes":[{"transform":"rotateZ(-45deg)"},{"transform":"rotateZ(0deg)"}],"delay":300,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-5a377648-120a-4d2f-9607-8423d855d732","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-65442323-d0db-4da9-9ed7-043ab2322a66","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-400f3757-0ecb-45a4-ab30-5cde5d25df0a","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-1be48384-2d04-4d58-bff8-239b426650e1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8bfd4865-61df-4c0a-87be-7da6b93b7534","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

After: Living Space

[{"selector":"#anim-57db1035-934c-4ea2-9044-6b8a84c9839a","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-dcc0375b-a41f-44a0-bc16-bec2dfc3c1a0","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-5d1c176a-b037-444b-b165-85d25cefd25b","keyframes":[{"transform":"rotateZ(-200deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":6000,"easing":"linear","fill":"forwards"}] [{"selector":"#anim-bfcc8a6d-3c90-40d7-bf91-0a6eca39c40f","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-687a81e0-d1c8-43b9-ae5e-26e27ae10290","keyframes":[{"transform":"rotateZ(-45deg)"},{"transform":"rotateZ(0deg)"}],"delay":300,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-4e46fae7-2485-49a1-8db3-ef52570ca2f3","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}] [{"selector":"#anim-2e86b6fe-5b4d-4682-be5c-4a3da8abe89e","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}] [{"selector":"#anim-be669c5d-dd4c-4689-87fe-cad0bad8651d","keyframes":[{"transform":"rotateZ(-100deg)"},{"transform":"rotateZ(0deg)"}],"delay":0,"direction":"normal","duration":900,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-ff82da6a-5066-4ecc-8bd2-3294ad40b35e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bee01445-ae3e-4fe3-8c62-5b6c1cc10402","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e370329c-2842-4cb5-b6a1-ac28ae09b3c6","keyframes":{"transform":["translate3d(0px, 30%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"both","iterations":1}] [{"selector":"#anim-468a1634-0dbe-48e0-ada4-a36bf2d50de3","keyframes":{"opacity":[0,1]},"delay":400,"direction":"normal","duration":400,"easing":"linear","fill":"both","iterations":1}]

Styled Press Lower Level Reveal

Before

Designs

Renderings

After

After: Bar

After: Living Space

After: Living Space

MORE STORIES