mouse-explorer
🐁 Browse along a section clipped into a viewport using a mouse.
Installation
npm install @mystroken/mouse-explorerUsage
Look at the sources files for more information.
import createMouseExplorer from '@mystroken/mouse-explorer';
const viewport = document.querySelector('#viewport');
const section = document.querySelector('#container');
const explorer = createMouseExplorer({ viewport, section });
explorer.on(({ x, y }) => {
section.style.transform = `translate3d(${x},${y},0)`;
});