Use interactions to show and hide embedded objects, like a map in this case!
Use an increasing animation delay to create a waterfall animation effect.
The delay for these particular images increases by .1 second increments.
Create different "sections" by dragging out an Anchor point from the top menu, and applying an interaction of "On Click" > "Scroll to Position"
Ceros is automatically set up for retina devices, which have twice the amount of pixels of normal devices.
Be sure to use the retina size when creating your assets in external programs.
The hotspot for the menu turns the visibility of the "Sidebar Open" layer group to "On".
The Open menu contains even more interactions to show and hide other layers. Check it out!
The side nav bar is made up of only 3 objects when it is closed. A White rectangle shape, a grid icon from the noun project, and a hotspot to open the menu.
1280px x 720px
Templates - Side Navigation
This template showcases a unique side-bar navigation rather than the traditional top hamburger menu. Because of the flexability of Ceros, you can place your navigation anywhere!
VIEW ON MAP