Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.
A basic animation created by using the Proto.io HTML Component with HTML and CSS.
No additional images were needed to be imported to create this animation.
The HTML and CSS used was found at:
http://codepen.io/ajerez/pen/EaEEOW
Use a variable to add the costs of premium features that are selected or deselected using an iOS switch component.
See a video of how to do this step-by-step in this webinar:
https://support.proto.io/hc/en-us/articles/115001585411-Model-advanced-prototypes-that-use-variables-part-II
TAGS:
variables
variable
math
addition
switch
switches
fire an items event
I replicate this cool "Switching tabs" animation by talented Jokūbas- https://dribbble.com/shots/1984025-Switching-Tabs
For the creation of this animation, I simply used various state transitions.
Since Halloween is coming up I created this project using Proto.io's free Halloween icon pack. I simple onboarding process using scrollable containers with on swipe interactions.