The purpose of this repo is to provide folks an opportunity to evaluate Inspect's motion functionality (now in private beta!) 🎉🎉🎉 There are two animations inside the attached Studio file. See if you can implement both to 100% accuracy using Inspect Motion.
- Fork this repo
- Publish the attached Studio file as a prototype to your InVision team account. (Don't have Studio? Free Download here)
- Use the provided markup and our Inspect Motion tool to implement both animations to 100% accuracy.
- Submit your fork for review and kudos!
Have questions or feedback? Inside Inspect Motion there is a pink chat icon. Click to rate your experience and give us feedback on what we can improve. Or reach out to jakereed@invisionapp.com.
We provide basic markup and CSS to serve as a jumping off point for implementation. The markup and CSS doesn't require any preprocessors or build steps. There is a simple javascript function that toggles a class .expanded on the #app div and this is used to translate the navigation in the CSS.
Run a simple server to see the code in action. Python example:
cd /to/the/directory
python -m SimpleHTTPServer
And then visit localhost on the port reported by the console.
You can see the markup running here: https://invisionapp.github.io/inspect-motion-example/
Fill out this form: https://www.getfeedback.com/r/4bIb7srC