Streaming live at 10am (PST)

Animated icons upon hovering

So basically I’m trying to create a few simple animations upon hover. My inspiration is on stripe’s homepage where they have a bunch of different icons flying out from behind an element Check it out here:

I am trying to do it here:

- when a visitor hovers over the blue button I want different size stars to fly out (implying “magic”). Once I’ve learnt this trick I will do the same with a couple of other elements. I have the icon png but I don’t know where to start. Can someone give me some guidance, please? Here’s the site link to take a look:

Thanks in advanced.

Here is my public share link: LINK
(how to access public share link)

1 Like

Hello @cjordan147

Let me try :wink:

Can you share your read only link? Here’s how >

Piter :webflow_heart:

Apologies @PiterDimitrov, here you go: - it’s the “Home 2.0” page

1 Like

No problem! I will try :blush:

Okey, here’s what I’ve made >

Is this the effect we want to achieve?

That’s exactly what I was looking for :ok_hand:

1 Like

I will do another screen record where you will be able to see how to do the hover effect :blush:

Really appreciate your help!

1 Like

Sorry for the late response, but I was having some work to do. Here’s a link to the screen record > aaaand sorry for the not so good English talking :smile:

I forgot to show you how you can make the stars different sizes. Here’s another SR >

Piter :webflow_heart:

Hey @PiterDimitrov, just tried checking the links and for some reason the videos are unavailable…

1 Like

Ou yea maybe because they are private… :sweat_smile: Just a minute and I will send another links.

Star button animation >

Star sizes >

Piter :webflow_heart:

1 Like

@PiterDimitrov you’re a lifesaver! I’ll give it go later today… Thanks for your help!!

1 Like

No problem! Happy to help :webflow_heart: