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)


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


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:


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


Really appreciate your help!


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…


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:


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


No problem! Happy to help :webflow_heart: