Product Slider BlockFree downloadMenuRGB split hover effect for WooCommerce product cards
Move the pointer and the colours slip apart along its path, as on a badly registered print. Stop and they are back in place. Keep the strength low on faces, where split colours look like a printing fault rather than a choice, and try it on bold graphic products first.
Oat wool coat
€340
Point at the picture. On a touch screen, press and drag.
It suits print-minded brands and black and white campaign photos, where the only colour on the page comes from your own hand. It never hides the product, so it is safe to use on cards.
What the sliders do
- Size
- How wide a band around the path is affected.
- Strength
- How far the colours part. High values look like 3D glasses.
Where we started
The values we started this page on: Size 60, Strength 60.
Questions
Does it change the colours of the product?
Only during movement, and only near the pointer. At rest the photo is true.
Which photos work best?
Those with sharp edges and high contrast. A soft pastel shot barely shows it.
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