San Francisco Mission District Murals Story

[{"selector":"#anim-9f18d266-ddb8-460f-a88d-51f68604b996","keyframes":{"transform":["translate3d(0px, 952.64951%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-f40766be-ce02-441b-9a13-0a87cd836e32","keyframes":{"transform":["translate3d(0px, 153.43320%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-be709955-7c0e-457d-aed5-4fb4ce737023","keyframes":{"opacity":[0,1]},"fill":"both","duration":500,"delay":900,"direction":"normal","element":{"x":22,"y":129,"width":371,"height":356,"font":{"service":"fonts.google.com","family":"Oswald","fallbacks":["sans-serif"]},"type":"text","opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"backgroundTextMode":"FILL","lineHeight":1,"textAlign":"center","backgroundColor":{"color":{"r":255,"g":255,"b":255,"a":0.7}},"scale":100,"focalX":50,"focalY":50,"id":"3c00f665-e2ff-4393-aef4-6ca790f599fd","content":"SF'S&nbsp;\nMISSION&nbsp;\nDISTRICT\nMURALS","fontSize":86,"padding":{"horizontal":6,"vertical":6},"marginOffset":0},"easing":"cubic-bezier(0.895, 0.03, 0.685, 0.22)"}] [{"selector":"#anim-546a6166-383f-4fd1-8906-239dc6c13bd6","keyframes":{"opacity":[0,1]},"fill":"both","duration":600,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-d8150557-0c90-4a85-b9f5-2e03f1df4efa","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-b09fbd10-966d-41f0-bd86-7a3953e19c0b","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-e51daecf-2512-48e1-8e5b-02d27a71d76b","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-d886a3d7-612c-458f-b0ff-c9e0e035c5f9","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-1853ad60-203b-4e90-aec4-9be2ca288152","keyframes":{"transform":["translate3d(134.97943%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-284ef73e-7c30-4f40-b883-8f82f0742e32","keyframes":{"transform":["translate3d(0px, -1274.00447%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-9e981b5a-5e89-405d-99f3-fe0e89800c1b","keyframes":{"transform":["translate3d(-134.5679%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-2a792036-158a-4a85-8cbf-5eb1a2228f15","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.95)","offset":0.25},{"transform":"scale(1.05)","offset":0.75},{"transform":"scale(1)","offset":1}],"fill":"both","duration":600,"delay":0,"iterations":1,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)"}] [{"selector":"#anim-7a8dd3e7-8b71-4a46-a0f1-0a541246801a","keyframes":{"opacity":[0,1]},"fill":"both","duration":600,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] LEARN MORE LEARN MORE SF'S MISSION DISTRICT MURALS WHERE TO FIND WHERE TO FIND

[{"selector":"#anim-31951818-c975-4803-8557-4ce6a5bee2c4","keyframes":{"transform":["translate3d(0px, 821.52804%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-8fc69d4c-6a33-4576-a797-a324c721e3fa","keyframes":{"opacity":[0,1]},"fill":"both","duration":600,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-b93778fa-d151-4893-8df9-eaeea822c1b4","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-f1172957-281e-4386-813c-e7de99bbf908","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-371672c1-6841-4947-9793-ab9e6eaba06f","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-831202df-235b-4681-ad88-c6ed1dfb93da","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-7c3d26de-2034-4483-9355-08fcb67bf3c4","keyframes":{"transform":["translate3d(134.56790%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-4c6da136-4391-4568-9a4c-3e0efc91ab8d","keyframes":{"transform":["translate3d(0px, -1274.00447%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-3646fc1d-8663-4f68-963f-b812f2872aa0","keyframes":{"transform":["translate3d(-134.97943%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-461b0509-2e9f-48fe-9a59-c35a49e25a4a","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.95)","offset":0.25},{"transform":"scale(1.05)","offset":0.75},{"transform":"scale(1)","offset":1}],"fill":"both","duration":600,"delay":0,"iterations":1,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)"}] [{"selector":"#anim-d95fb45a-fa39-41a0-b4d0-e9883880fb1b","keyframes":{"opacity":[0,1]},"fill":"both","duration":600,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-171f3aaa-861a-498a-8e6d-682c72b8a3d6","keyframes":{"transform":["scale(3)","scale(1)"]},"fill":"forwards","duration":4000,"delay":0}] LEARN MORE LEARN MORE BALMY ALLEY BALMY ALLEY

[{"selector":"#anim-376eeda0-ef40-44fb-8be7-5eb90e9cd063","keyframes":{"transform":["translate3d(0px, 497.89571%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-33437912-0065-4982-85e7-f09a8d270ce7","keyframes":{"opacity":[0,1]},"fill":"both","duration":600,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-6f197123-2595-4ffc-abde-6afb62f3adec","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-5479227a-707c-4056-b026-190b24998963","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-1fbe8638-26fa-4985-b72a-3bf0ffb994ee","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-c91251bd-a599-4b52-b918-eaedf322d612","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-897a9c7e-1c5d-4e0e-a275-041b9ba82431","keyframes":{"transform":["translate3d(134.56790%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-28e221ce-56b6-4680-ae94-665db3d9e0fa","keyframes":{"transform":["translate3d(0px, -1274.00447%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-caa15a14-ea72-4dfd-914c-2dbc3654cdaa","keyframes":{"transform":["translate3d(-134.97943%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-3df6b709-5147-4767-89fe-65aa7fe2fc25","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.95)","offset":0.25},{"transform":"scale(1.05)","offset":0.75},{"transform":"scale(1)","offset":1}],"fill":"both","duration":600,"delay":0,"iterations":1,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)"}] [{"selector":"#anim-e76e4d56-60e3-4af4-940f-472cc7e10628","keyframes":{"opacity":[0,1]},"fill":"both","duration":600,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-c893e952-b736-4c2a-a098-747a35401afc","keyframes":{"transform":["translate3d(78.72727%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":4000,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] LEARN MORE LEARN MORE LILAC & CYPRESS ALLEYS

[{"selector":"#anim-e32cc988-c57e-4dad-99ff-8d6de45fac2c","keyframes":{"transform":["translate3d(0px, 466.11514%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-fea750a4-cc49-43ad-b6bc-556991202d53","keyframes":{"opacity":[0,1]},"fill":"both","duration":600,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-1edddc99-9f27-473a-aef2-61fbcab65963","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-25857cb6-e06c-47d7-b608-62307ddd9de1","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-df16e19d-e6be-4c51-a401-67e3d4e51ad8","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-5d22d7db-d609-4526-80ed-b126234eb41d","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-de13cc58-bf9f-42c0-a367-65df9d732289","keyframes":{"transform":["translate3d(134.97943%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-5fa083d6-2851-4e0c-9927-530d646adab2","keyframes":{"transform":["translate3d(0px, -1274.00447%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-55df031f-fb35-434c-88b8-aae93e454e51","keyframes":{"transform":["translate3d(-134.5679%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-965a05e8-c81c-434d-914e-cf3b733c57e2","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.95)","offset":0.25},{"transform":"scale(1.05)","offset":0.75},{"transform":"scale(1)","offset":1}],"fill":"both","duration":600,"delay":0,"iterations":1,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)"}] [{"selector":"#anim-98465727-7ed7-430f-82bb-97428b7703a2","keyframes":{"opacity":[0,1]},"fill":"both","duration":600,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-c0f93f09-d61b-497e-a1b9-235b404dc189","keyframes":{"transform":["translate3d(-70.0409%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":4000,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-d269aa5e-c473-47cc-a3bb-e5db173a4a08","keyframes":{"opacity":[0,1]},"fill":"both","duration":4000,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-4438fc4c-c208-483d-9f12-8c1b0dc18d92","keyframes":{"transform":["scale(0.15)","scale(1)"]},"fill":"forwards","duration":4000,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] LEARN MORE LEARN MORE THE 24TH ST. CORRIDOR

[{"selector":"#anim-af9f704c-b0f3-4aad-ae97-1b87d65b5368","keyframes":{"transform":["translate3d(0px, 897.53049%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-0706f943-a3ee-4cc2-aac2-dc595d0a82ee","keyframes":{"opacity":[0,1]},"fill":"both","duration":600,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-016a7960-ba15-4108-916e-1525bae450b7","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-a59e434f-1d27-4740-9065-1005983e4ec9","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-93947552-b299-4b65-9a8e-2a8423dd6ce6","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-929a1ed3-611d-470d-98a5-6de091671d76","keyframes":{"transform":["translate3d(0px, 207.96649%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-1c85fab3-adc1-4107-9f0c-02aed99416ab","keyframes":{"transform":["translate3d(134.97943%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-1e8618b1-dc4c-4363-bf6a-a19209b3e8e1","keyframes":{"transform":["translate3d(0px, -1274.00447%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-2ed4ebda-aa41-4823-a805-baae1f047199","keyframes":{"transform":["translate3d(-134.5679%, 0px, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] [{"selector":"#anim-b95ff881-4aea-4f52-a0cc-d087dfaabbd3","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.95)","offset":0.25},{"transform":"scale(1.05)","offset":0.75},{"transform":"scale(1)","offset":1}],"fill":"both","duration":600,"delay":0,"iterations":1,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)"}] [{"selector":"#anim-800fd9a4-5fb4-4810-9d6f-37c007ac930c","keyframes":{"opacity":[0,1]},"fill":"both","duration":600,"delay":0,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)"}] [{"selector":"#anim-d020c73f-bcd2-49da-8ecc-8f27aa43b73a","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.9)","offset":0.25},{"transform":"scale(1.1)","offset":0.75},{"transform":"scale(1)","offset":1}],"fill":"both","duration":1000,"delay":600,"iterations":1,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)"}] LEARN MORE LEARN MORE CLARION ALLEY

[{"selector":"#anim-5d045517-a805-4ed3-958d-95a3ff1d6b4a","keyframes":{"transform":["translate3d(0px, 649.25210%, 0)","translate3d(0px, 0px, 0)"]},"fill":"forwards","duration":600,"delay":0,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)"}] CLICK FOR THE FULL GUIDE