A sleek and interactive parallax image hover effect inspired by Awwwards-winning websites, built using HTML, CSS, JavaScript, and GSAP.
When users move their mouse across the screen, images gently shift position (creating a parallax illusion).
On hover, each image smoothly gains a rounded border radius, enhancing the depth and motion aesthetic.
- Mouse-move parallax effect with smooth easing
- Hover transformation adding border radius
- Built with GSAP for buttery-smooth animation
- Clean and minimal UI inspired by creative agency websites
- HTML5 – base structure
- CSS3 – styling, layout, and hover transitions
- JavaScript (ES6) – event handling and interactivity
- GSAP (GreenSock) – for animation logic and performance optimization
To run this project locally:
# Clone this repository
git clone https://github.com/your-username/parallax-hover-effect.git
# Navigate into the project folder
cd parallax-hover-effect
# Open index.html in your browser