← All projects

Product Preview · v2.2.1

HoloTilt 3D — card motion effect

HoloTilt 3D — card motion effect

HoloTilt adds tilt and glare to page elements. Strength, scale, duration, and perspective are configurable. Reset and destroy restore original styles. Gyroscope support is off by default and depends on device capability and permission. This is a developer library, not an installable WordPress plugin or 3D model creator.

Compatibility

Modern browser with Pointer Events, requestAnimationFrame, and matchMedia. Physical device sensors were not verified in local tests.

Installation overview

Import holotilt-3d.js into your project and call new HoloTilt(selector, options) after the DOM is ready. Call destroy when removing the component. Use a separate wrapper if the element already has a transform.

Changelog

2.2.1: Reset state when the page is hidden. 2.2.0: Preserve original styles, lifecycle controls, and reduced motion.