3D Image Tilt on Hover

Give your images a sense of depth with blocks that respond as visitors move their cursor across them. Try it with a fashion lookbook, a collection of portfolio projects or a product showcase to make movement part of your design.

SquareKicker’s Magnetic Motion lets you adjust the horizontal and vertical tilt of your image blocks, from a gentle shift to a more pronounced 3D effect. Set an initial angle to give your layout depth before anyone interacts, or add glare to create the appearance of light moving across the surface.

Watch the tutorial to create your own image tilt effects with Magnetic Motion.