Pixel trail hover effect for WooCommerce products
A trail of little square lenses opens behind the moving pointer. Move quickly and it reaches far. Stop and it closes.
Ribbed gold cuff
€680
Point at the picture. On a touch screen, press and drag.
This one is for delight rather than inspection, and it works on a card or a hero. It only happens in motion, so a shopper who stops to read the price sees a clean picture again.
What the sliders do
- Size
- The size of a square. Small squares look like glitter, and big ones like a contact sheet.
- Strength
- How much closer each square shows its part. High values make the trail look less like the photo and more like a pattern.
Where we started
The values we started this page on: Size 50, Strength 65.
Questions
Why does it disappear when I stop?
Its reach follows the pointer's speed. With no speed there is no trail, so the product is visible whenever someone stops to look at it.
Which products suit it?
Anything with lots of fine detail, like sequins, stones and mosaics. It is less suitable for faces.
More on it
Mouse effects come with Pro. Pro starts at $19 a year. The free plugin has hover morph and the storewide switches.
Get the free plugin

