GSAP Image Hover List (Divi)
Rows that reveal their image on hover, animated with GSAP from Moduly. On touch screens, without JavaScript and with reduced motion each row shows a small thumbnail instead.
1. Image follows the pointer
Scale-in reveal, an underline that draws, the other rows dimmed. Rows link to the shop.
2. Fixed panel
The panel sits on the left and cross-fades; the first image shows before hover. Keyboard focus swaps it too. No numbers, a hover background.
Woo Zip Hoodie
Hoodies
Ninja V-Neck
T-shirts
Crop Top White
Tops
Crop Top Ocean
Tops
Crop Top Lemon
Tops
Life Crop Top
Tops
3. Follows and tilts with speed
Beside the pointer, wipe-up reveal, light rows that turn amber.
4. Image opens inside the row
The row makes room for its own image.
5. Image tumbles in beside the row · blur the other rows · badges · diagonal arrow
6. Image opens below the row · details and a button · two-line meta · plus arrow · title colour on hover · first tap previews on touch
Wheel TeeNew
T-shirtsHeavy cotton with a back print. Cut a little longer, washed soft.
View product
Violet Pullover
PulloversBrushed fleece in a relaxed fit, with ribbed cuffs.
View product
Life Hoodie
HoodiesA midweight hoodie with a lined hood and a kangaroo pocket.
View product
Everyday White Hoodie
HoodiesClean white loopback cotton for every day.
View product
Dot Zip JacketBack in stock
JacketsA light zip jacket with a dotted print.
View product