![]() ![]() Switching over to Prototype mode, you'll want to drag the blue handle to one of the layers at the top of the page. That can quickly be done by checking on fixed position when scrolling over to the right. First, it needs to be fixed into place so that it's always visible when scrolling. Now that we have the icon in place, three things need to be done. All I'm going to do now is separate the two pieces a touch, and then enlarge the flames at the bottom.Īll right, back to business. Then one more time to create a new hover state. Over within the Properties Inspector, I'm going to hit the + button to turn this rocket into a component. You know, what let's add a touch of fun to this using a hover trigger. I'm also going to quickly change the color to match our design. I'm going to grab a rocket from one of my libraries, rotate it, and places towards the bottom of the page, making sure that it's above the fold. Since we're going with a space theme design. Design-wise, there are many directions we can take this, including an always visible icon, but there may be times where you only want the icon to be displayed after scrolling takes place. ![]() On this landing page, in addition to the links that take me down to the various sections I've laid out, I may want a button to shoot me back up to the top. Hey everyone, I'm Howard Pinsky and in today's Adobe XD tip, we're going to take a look at creating a back-to-top interaction, similar to the one I showed off during my video on anchor links. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |