Marketplace
Made in Webflow

image-repetition-hover-effect

site profile thumbnail

Description

Image repetition effect on hover using GSAP in webflow. You can customize the effect using various attributes on the element with the class name "image-wrapper." Here is the list of attributes: ➢ data-repetition-elems ➢ data-repetition-origin ➢ data-repetition-animate ➢ data-repetition-stagger ➢ data-repetition-initial-scale ➢ data-repetition-duration ➢ data-repetition-ease Feel free to comment below if you have any queries or suggestions. Credit goes to Mary Lou for sharing this code in codrops.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
gsapanimationhover effectsimagehoverjavascriptcustomcodeinteractionshover-box

More by Muhammad Dilshad Khaliq

See profile
View details
image-distortion-effect-using-threejs
23
74