Product Slider BlockFree downloadMenuFluted glass hover effect for WooCommerce products
A pane of ribbed glass goes where the pointer goes. Through it, the product breaks into thin vertical slices. Everywhere else, it stays sharp.
Daily lotion duo
€34
Point at the picture. On a touch screen, press and drag.
It suits products with a material story, like bathroom goods, cosmetics, spirits and lighting. Use it on a first look, on a slider or a card, not where somebody needs to read the small print.
What the sliders do
- Size
- How wide the pane is. Large panes look like a window, small ones like a piece of tool you carry.
- Strength
- How far each rib displaces its slice. Low values read as glass, and high values look more like a broken signal.
Where we started
The values we started this page on: Size 60, Strength 55.
Questions
How is this different from the fluted transition?
The transition happens once between two images. This one stays as long as the pointer does, on a single image.
Can I set the number of ribs?
gpu slider has an option for it. In the block's sidebar there are the two sliders: Size and Strength.
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