Trying to do something fairly simple.
- Select a Link class
- Goto interactions tab
- Choose Mouse Click
- Select Start Animation
- Click the + sign and name it.
Now here is where the odd part comes in. I want that animation to effect a different class, so I click my layout out panel, choose my class, but now when I go back to the interactions tab it has pulled me out of the animation and wants me to stat a new animation for the currently selected class.
Am I missing something?
Here is my public share link: LINK
(how to access public share link)
So my bad. You can’t transfer animations in a symbol. So I got it done with a little custom javascript.
If anyone is intersted here is what i did:
Wanted to have a navigation that was the same on every page. made it a symbol. easy enough. Now for every page there is a page load animation. Works fine setting that up in the interactions. Basically a preloading div slides down after the whole page is added in.
Now what I wanted was that when I clicked any of the navigation that preloading div would slide up and after a quick wait then the page would change.
Now I got the slide up from a webflow video that showed adding custom javascript to make it wait so you can see the full animation before page change. Video Here.
But what I wanted was that it would happen from all the main nav links. And that was in a Symbol so recreating that on every page was a no go.
So what I found was that I could call a IX animation from custom javascript. So I created the animation, kicked out the code and opened the webflow.js file and found my animation. Below is the code I used to get it to work: