How to create flying hearts effect when hover on link
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.
1 2 3 | a:hover{ background: url('//cdn.shopify.com/s/files/1/0382/4185/files/fly-hearts.gif?675304149355108345'); } |
You can add class if you want to apply this effect for each specific link.
1 2 3 | a.flying-hearts:hover{ background: url('//cdn.shopify.com/s/files/1/0382/4185/files/fly-hearts.gif?675304149355108345'); } |
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