Colour reveal hover effect for WooCommerce images
The picture loses its colour when the pointer arrives, and keeps it only in a soft circle around the hand, which you can wipe across the image. Colour is what the eye goes to, so the product under the pointer is what people look at.
Two half moons
€58
Point at the picture. On a touch screen, press and drag.
It is best when colour is what is on sale: prints, dyes, paints, ceramics. It makes people look at colour for slightly longer than they would have, and it lets go the moment they leave.
What the sliders do
- Size
- How big the circle of colour is. Small is more of a game, and large is kinder to the product.
Where we started
The values we started this page on: Size 45, Strength 50.
Questions
Why is there no Strength here?
Reveal has one setting. A part of the picture has its colour or it does not, so the sidebar's Strength has no effect on it.
Should I use it on a grey product?
No. If there is no colour to take away, nothing visible happens.
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

