Process of Developing a Mobile App

[{"selector":"#anim-4991849c-413f-4a97-8393-078b88ff6b73","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e02ace34-5a09-4f2f-9303-fce25e0b4dad","keyframes":{"transform":["translate3d(99.45355%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b479d8c6-910b-4d7f-a3cb-047d5f458f6a","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a10d598f-9052-4dc2-bc57-b7ca9307328d","keyframes":{"transform":["translate3d(0px, -273.40055%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8e65469a-086d-48ae-b489-68db7dedbfe5","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-daabfb96-ab14-4760-8124-883dd8ceef1d","keyframes":{"transform":["translate3d(-115.2381%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

RyteKits is reader-supported. When you buy through links on the site, I may earn an affiliate commission with no cost to you. Thanks for your support!

[{"selector":"#anim-60f810bc-45c1-4293-a06d-b8d255ec65d7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e7451375-109d-4836-8ffc-7726779da232","keyframes":{"transform":["rotate(-8deg) translate3d(0px, 88.55649%, 0) rotate(8deg)","rotate(-8deg) translate3d(0px, 0px, 0) rotate(8deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-37e18239-cf67-43fe-9749-2c9bf53bb79e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b89ebba4-670d-43e2-a357-9ebda6c33199","keyframes":{"transform":["translate3d(0px, -132.96047%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-857936df-d6ef-4960-968f-59fcee59b8b9","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-896c3b07-5564-495a-9220-1bd7b035b165","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Frontend development: This strategy is used to construct what app users see. When developing and building a mobile app's frontend.

[{"selector":"#anim-186bf129-82e6-4f12-a8ca-ad769b892057","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4aad4fff-a987-4442-b185-408646d2c599","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c6f09ee0-ccd5-4f3a-81a4-ba3d017686bb","keyframes":{"transform":["translate3d(109.01408%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4073d92-7451-47b1-890a-771408d1b5b2","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-261b0fa1-d28c-44c9-ae76-12a37ac79192","keyframes":{"transform":["translate3d(0px, 118.08143%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bcde32f1-91c4-4c4d-bc19-b51c8a829901","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Backend development comprises mainly developing code while considering

[{"selector":"#anim-454b6ff9-6137-4dbf-ba18-246bd7ce07da","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-72583ab6-07d2-4dd6-9380-d5a95bb29b5a","keyframes":{"transform":["translate3d(0px, 100.04895%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d0164ac8-3085-4b7b-8615-28a364b15f30","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3b6b45f8-141c-49a6-8f73-282e93580fe5","keyframes":{"transform":["translate3d(0px, -90.32171%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a8cfbc37-e8cf-4285-9135-831f0bfd7ad5","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c3144fda-8984-4d0a-b4de-806e92883326","keyframes":{"transform":["translate3d(0px, -130.99127%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

the language, database, wireframe, APIs, and other considerations.

[{"selector":"#anim-ee895a5e-cfc6-4fde-b97b-e39da82da34c","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-eb65c2af-806f-49c8-8146-15abcae0e3f8","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63483bdd-2f7b-4a18-88a3-5bc4d269833a","keyframes":{"transform":["rotate(-207deg) translate3d(0px, -73.97601%, 0) rotate(207deg)","rotate(-207deg) translate3d(0px, 0px, 0) rotate(207deg)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e364696f-1820-4d68-9564-c789e582389b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-49443edf-e0bc-4cd8-b800-37fc535eaa89","keyframes":{"transform":["translate3d(0px, 141.28540%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-61a5265d-b788-4784-8a43-371238502bd8","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-46c1f873-319f-4b9a-a86a-43878a241f65","keyframes":{"transform":["translate3d(0px, 98.26708%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Cream Section Separator Learn more

The first stage in any Mobile App Development process is developing a plan to translate your design into a saleable app.

[{"selector":"#anim-3522caa5-841f-45cc-9163-b510355b48df","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7381754a-d799-475a-9814-a4226835e18a","keyframes":{"transform":["translate3d(0px, 100.05156%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f157daf2-bba9-488f-a3da-a736862c6321","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f600975-aaa6-4089-a197-2682b2bafad6","keyframes":{"transform":["translate3d(0px, -100.04418%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3102a295-a1bd-42c6-8700-14120cae1c7c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b03b6366-39ab-43b0-8ca4-62f9df4c1032","keyframes":{"transform":["translate3d(0px, -123.12845%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

SWipe Up

[{"selector":"#anim-fefea73f-c8f1-4664-8d2b-0cd0a45c8e0f","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-81e8aef1-fb0f-4351-976e-d1b62d8fbd2a","keyframes":{"transform":["translate3d(0px, -104.22455%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-89d54a6f-fe03-4255-9de0-e7dacb2b937c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0bc5f7f7-1183-47c7-9b61-2545da514ab2","keyframes":{"opacity":[0,1]},"delay":300,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8e674e8b-87d5-478a-9006-2a7f8b590f12","keyframes":{"transform":["translate3d(0px, 316.78022%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dea79fef-6db5-4d6c-9d1f-43c61353faa3","keyframes":{"opacity":[0,1]},"delay":200,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ff66ab88-9690-4b3e-83ec-78e8127f71b1","keyframes":{"opacity":[0,1]},"delay":600,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5be7f169-5080-4558-b0aa-6098024ad502","keyframes":{"transform":["translate3d(-78.12501%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] AD Sqribble

“Man is least himself when he talks in his own person. Give him a mask, and he will tell you the truth.”

[{"selector":"#anim-3dba6618-7db4-4a39-88fe-a83a006bbd90","keyframes":{"opacity":[0,1]},"delay":1000,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-03c27615-58ab-401a-8f9a-99fd7f28d2e4","keyframes":{"transform":["translate3d(-109.96563%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc6dacb5-66d4-4f70-bedf-79ceeed25dce","keyframes":{"opacity":[0,1]},"delay":0,"duration":3600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

The initial steps in planning and analysis are establishing use cases and

[{"selector":"#anim-d2c8cae6-2171-43c5-a681-d4e52b7d191e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ade0dc26-88b3-4304-b378-2417dcaba524","keyframes":{"transform":["translate3d(0px, -100.05156%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7e9e3f51-b22f-411d-96d1-dede691e9d44","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e95c6467-f547-4f46-a6bc-619c0c318ce8","keyframes":{"transform":["rotate(-180deg) translate3d(0px, 100.05229%, 0) rotate(180deg)","rotate(-180deg) translate3d(0px, 0px, 0) rotate(180deg)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-427fc30c-ff33-40ac-a8c9-87bb9c94cd32","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3153ea2f-9cb4-4819-a2f1-e20d68110d0d","keyframes":{"transform":["translate3d(0px, 135.89326%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

determining comprehensive functional requirements for mobile apps.

[{"selector":"#anim-68528af7-392a-451d-907f-3c72f8f85c82","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-90eb91cf-a2a2-4a94-86ce-377a741af91c","keyframes":{"transform":["translate3d(0px, 100.05039%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-520dbe6c-ee58-4097-bb00-b092548a659a","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c1ba98ce-a86f-48e6-be7d-aa07e46f66b5","keyframes":{"transform":["translate3d(0px, -92.5369%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a050fccb-e0fd-4545-b3b7-feee356493ce","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7c3c997a-7590-48bb-acd6-2edb1621a619","keyframes":{"transform":["translate3d(0px, -135.89326%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4c06a4f9-6196-4002-87a5-9490ca5b5043","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Process analysis and planning: Your app should look professional and deliver a smooth and pleasant user experience.

[{"selector":"#anim-dafb0c95-eee5-43a8-8bd1-9bdbaed20b82","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-80b697a5-417d-478c-8ec8-9f5afcd74081","keyframes":{"transform":["translate3d(0px, -117.69944%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f301fb64-440d-4771-ac43-c04bf142187d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b2d33496-57fc-419f-92a3-982b6529779d","keyframes":{"transform":["translate3d(0px, 120.64617%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

UI / UX Design: Planning is essential to mobile app development

[{"selector":"#anim-412f42ee-85aa-46bb-9a56-ee820998b0e6","keyframes":{"transform":["rotate(-115deg) translate3d(-87.80488%, 0px, 0) rotate(115deg)","rotate(-115deg) translate3d(0px, 0px, 0) rotate(115deg)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-9e8b118e-eb25-4fc5-9b9b-ca39a6cfafff","keyframes":{"transform":["rotate(-115deg) rotateZ(-180deg) rotate(115deg)","rotate(-115deg) rotateZ(0deg) rotate(115deg)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-660ed297-de88-4bd1-bc9d-2488dbf48375","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a57ededb-ae37-4237-92b2-c4392d410d03","keyframes":{"transform":["translate3d(0px, 114.37586%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-db0696e1-d1d1-40c2-8709-5ab98dbdca41","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2f264a90-1d28-4633-8e11-de3ae9d36dd2","keyframes":{"transform":["translate3d(0px, -151.96475%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Before embarking on actual app development and programming.

[{"selector":"#anim-6bb1fbce-c961-410d-8fd3-5534e0e8e496","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-87cb2d7d-3eea-4dde-9365-ee67e56f46de","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c6230fd7-ba63-40e1-aa83-0fd64f2b7200","keyframes":{"transform":["rotate(-8deg) translate3d(0px, 88.55649%, 0) rotate(8deg)","rotate(-8deg) translate3d(0px, 0px, 0) rotate(8deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-80ae7d79-dee8-4bba-9874-5d6510f41acc","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a8b63052-3c67-4bba-8dda-7c984043d57f","keyframes":{"transform":["translate3d(0px, -162.33061%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3994c394-0e34-4c25-a3f0-e8c09d75ed50","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-08eb3f64-73c8-41e8-8a68-6725d202cfe3","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cbe5710b-9eaa-446e-b2b4-23b96ec2594f","keyframes":{"transform":["translate3d(0px, 95.03327%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Learn more

Share this with ONE friend in need. Cheers~

[{"selector":"#anim-af9bbe47-f2ae-4818-a2e3-baae1c0cbc55","keyframes":{"transform":["translate3d(0px, 100%, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.86, 0, 0.07, 1)","fill":"both"}] [{"selector":"#anim-318efb19-f22a-41b7-ab32-c008dbf29331","keyframes":{"transform":["translate3d(0px, -100%, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"direction":"normal","duration":1700,"easing":"cubic-bezier(0.86, 0, 0.07, 1)","fill":"both"}] [{"selector":"#anim-0a93a093-fb43-4a16-baa4-a82aa69184d4","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":201,"direction":"normal","duration":1501,"easing":"cubic-bezier(0.77, 0, 0.175, 1)","fill":"both"}] [{"selector":"#anim-2e9f4344-98a0-4425-ae18-cc326b148cc0","keyframes":{"transform":["scale(1.15)","scale(1)"]},"delay":100,"direction":"normal","duration":6900,"easing":"linear","fill":"both"}] [{"selector":"#anim-40413f25-92f3-4199-8071-b3a7cd504471","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.2)","offset":0.33},{"transform":"scale(0.98)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":2000,"easing":"ease-in-out","fill":"both","iterations":999}] [{"selector":"#anim-67904a30-0ae9-498d-9fed-1cc4a6dc9404","keyframes":{"transform":["translate3d(0px, 150px, 0)","translate3d(0px, 0px, 0)"]},"delay":250,"direction":"normal","duration":1400,"easing":"cubic-bezier(0.77, 0, 0.175, 1)","fill":"both"}] [{"selector":"#anim-9f421239-b25d-42bd-9f2b-0e93e00ea6ff","keyframes":{"opacity":[0,1]},"delay":750,"direction":"normal","duration":300,"easing":"linear","fill":"both"}] [{"selector":"#anim-5b42d413-0415-4546-8f61-010126a92ab2","keyframes":{"transform":["translate3d(0px, 150px, 0)","translate3d(0px, 0px, 0)"]},"delay":250,"direction":"normal","duration":1400,"easing":"cubic-bezier(0.77, 0, 0.175, 1)","fill":"both"}] [{"selector":"#anim-d92005ec-5053-478a-b45b-f83d4aa8816d","keyframes":{"opacity":[0,1]},"delay":750,"direction":"normal","duration":300,"easing":"linear","fill":"both"}] More Stories