Back to Portfolio
0 ? -0.1 : 0.1;
const newScale = Math.max(1, Math.min(4, lightboxScale + delta));
lightboxScale = newScale;
if (lightboxScale === 1) { lightboxTranslate = { x: 0, y: 0 } }
" @mousedown="
if (lightboxScale > 1 && $event.target.tagName === 'IMG') {
dragging = true;
dragStart = { x: $event.clientX - lightboxTranslate.x, y: $event.clientY - lightboxTranslate.y };
}
" @mousemove.window="
if (dragging && lightboxScale > 1) {
lightboxTranslate = {
x: $event.clientX - dragStart.x,
y: $event.clientY - dragStart.y
};
}
" @mouseup.window="dragging = false">
Web Dev . Frontend
Paone Portfolio
Creative portfolio website showcasing professional work with modern design and smooth animations built with HTML5 and TailwindCSS.
2025
Technologies Used
HTML5 Tailwind CSS