7 Creative Hover Effects Using CSS Box-Shadow
7 pure CSS hover effects built with box-shadow and CSS custom properties. No JavaScript, no dependencies, fully customizable.
JavaScript & CSS hover effect
150+ CSS Hover Effects for Modern Web Apps – ChangeHover.css
A CSS library that provides 150+ pure CSS hover animations for buttons, cards, and text. Zero JavaScript, mobile-optimized.
Create Interactive Pixelated Image Transitions with JavaScript
Use GSAP.js and CSS to create an interactive pixelated reveal effect where images transform when users hover over them.
Interactive 3D Parallax Effect on Hover with Pure CSS/CSS3
Transform static images into interactive 3D elements with CSS. Implementing parallax hover effects without JavaScript.
Determine User Intent Using Vanilla JavaScript – sv-hover-intent
Track mouse events and determine whether the user intends to activate an element when hovering over.
Minimal Ripple Click & Hover Effect – ripple.js
A tiny JavaScript library that brings a Material Design-inspired ripple click/hover effect to your web elements.
3D Hover-triggered Wave Effect With Pure CSS/CSS3
A pretty cool CSS-powered hover effect that allows you to create a 3D wave animation effect on a list of elements when hovering over.
Custom Cursor That Interacts With Buttons – Wobbly Buttons
Tired of boring buttons? Wobbly Buttons adds a playful wobble and custom cursor effect for a more engaging user experience.
3D Multi-layer Parallax Hover Effect In JavaScript – Atropos
A JavaScript library that applies interactive and touch-friendly 3D parallax hover effects (also known as parallax tilt effects) to a group of images.
Smooth 3D Parallax Tilt Hover Effect – Card3d.js
A tiny JavaScript library that creates interactive 3D parallax tilt hover effects on any element.