How to create flying hearts effect when hover on link

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy the first month of Shopify for $1.

Valentine’s Day is approaching and you can spice up your Shopify store with flying hearts effect when hover on link.


It’s simple. You just embed the below css code into style file of your Shopify theme.

You can add class if you want to apply this effect for each specific link.

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

1 Response

  1. michelle says:

    Thank you so much for all your cool tutorials!! Where is the “style file” not sure where exactly to copy code into the theme liquid

Leave a Reply

Your email address will not be published. Required fields are marked *