How To Animate Navigation Bar In Html

hi there in this video i'll show you howto create prototypes in adobe xd let's say have my design finished init's now time to prototype my app so i can tell the story of my app to developer to a stakeholder so i can convey my message my story for that let's use asample file as i have some designs there and here you start in design mode tocreate prototypes you have to jump to

How To Animate Navigation Bar In Html, prototype mode so on the top leftclick on prototype now in prototype mode to start things off to move one thingfrom another to start screens to move you have to wire items to other artboards for example let's say i want to say that as soon as the user clicks onsign in and i wanna jump to this art board

do that i'm in prototype mode i selectthis item the sign in button and i click on this arrowon the right and i just drag wire to the art board i want to go to in this casewill be slight left so it will slide to the left and when i click on this icon iwant to go back to my first art board so i cant say ok this should be a slightright now alright when everything is done i canclick on the preview button i start here this is my home art board i can see it's my home art boardbecause of this home icon here i can set home art board to be a different art board but inthis case this one and as soon as i click here

sign in and click back my interactionsjust works remember i said i could change the home art board let's say now thisone is the home art board or have nothing selected this is the one that shows up firsti can wire multiple art boards if i want to remove a wire i click onthe arrow and i just drag to the middle and then that wire is removed that's how i create prototypes easily in adobe xd on behalf of the whole adobe xd team thanks for watching