From the course: Learning Framer X

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Create a click interaction

Create a click interaction - FramerJS Tutorial

From the course: Learning Framer X

Start my 1-month free trial

Create a click interaction

- [Instructor] So let's get started with adding a click interaction on our prototype. So the first thing you wanna do is select what is the element you want to click on and then get to the next screen. So let's get started with the actual splash screen. So I'm gonna use shift and then scrolling wheel. And then I'm gonna select the entire splash screen. And then when you click on the plus, and scroll to the interactive section, click on the link or type L. And then you'll see a little arrow showing up on your splash screen. And then you select where you wanna go from that screen. In this case, we wanna go to the next screen and then you click on it once you've selected the target. And then when you take a look at the options here, you have several options. You can choose a different target directly here if you want. Or you can actually do the previous frame or none. And then you can select what type of transition you want. So you can do a push, an overlay, a model, an instant, and then…

Contents