A motion hover effect for a background grid of images.
Install dependencies:
npm install
Compile the code for development and start a local server:
npm start
Create the build:
npm run build
Follow Codrops: Twitter, Facebook, GitHub, Instagram
Made with
Magnetic Buttons A small set of magnetic buttons with some fun hover animations. Inspired by the button animation seen on Cuberto. Article on Codrops
Crosshair Mouse Cursor Distortion Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hov
jQuery Ripples Plugin By the powers of WebGL, add a layer of water to your HTML elements which will ripple by cursor interaction! Important: this plug
Morphing Background Shapes A decorative website background effect where SVG shapes morph and transform on scroll. Article on Codrops Demo This demo is
Segment Effect Background image segment effect as seen on Filippo Bello's Portfolio. Article on Codrops Demo License Integrate or build upon it for fr
jQuery.BgSwitcher Switch the background image with using effect. Demo http://rewish.github.io/jquery-bgswitcher/ Usage div class="box" pLorem ip
Fixed Background Effect A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect. Article
Organic Shape Animations with SVG clipPath Some shape morphing hover effects using SVG clipPath on an image. Article on Codrops Demo Credits Anime.js
Hover effect Javascript library to draw and animate images on hover. If this project help you, you like this library or you just want to thank me, you
Hi,
First, thank you for this amazing library. I've used it first time now and I noticed that it works fine if the gallery is full-width and full-height.
I've got an example where the gallery is down the page and realized that the gallery is not broken, but images are moved way too much down because cursor Y position is calculated strangely on page scroll (it's like doubled what should be or even more.)
Do you maybe know what could be the problem or if you experienced something similar?
Thanks in advance.
Background Scale Hover Effect Recreation of the background scale hover effect seen on the DDD Hotel menu using CSS clip paths. Article on Codrops Demo
Thumbnail Grid with Expanding Preview A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Googl
jQuery GRIDDER 1.4.2 ======= A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images. We have all
Motion Transition Effect A speedy motion transition effect for an image slideshow. Inspired by Ping Pong Slow Motion. Article on Codrops Demo Credits
SVG library for transitioning numbers with motion blur JavaScript odometer or slot machine effect library for smoothly transitioning numbers with moti
Interactive Hover Effects with Three.js A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps. Articl
magneticHover magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet. Examples https://codesandbox
React.js - Tilt.js React version of tilt.js Demo https://vx-demo.now.sh/gallery Install yarn: yarn add react-tilt npm: npm install --save react-tilt U
jQuery Hover3d jQuery Hover3d is a simple hover script for creating 3d hover effect. It was my experiment on exploring CSS3 3d transform back in 2015
imagehover.css A Scaleable & Light Image Hover CSS Library Imagehover.css is a lovingly crafted CSS library allowing you to easily implement scaleable
98 Dec 6, 2022
455 Nov 6, 2022
793 Dec 27, 2022
246 Dec 27, 2022
35 Nov 30, 2022
340 Dec 23, 2022
333 Jan 4, 2023
1.8k Dec 21, 2022