Tron Universe

TRON universe — lines of light, digital grid. The luminous pieces that turn a silhouette into an apparition once night falls.

(function() { 'use strict'; if (window.matchMedia('(hover: hover)').matches) { const glow = document.createElement('div'); glow.id = 'az-cursor-glow'; glow.style.cssText = 'position:fixed;top:0;left:0;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle, rgba(200,16,46,0.18) 0%, rgba(200,16,46,0.06) 30%, transparent 70%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity 0.3s ease, width 0.4s ease, height 0.4s ease;mix-blend-mode:screen;will-change:transform;opacity:0;'; document.body.appendChild(glow); let mouseX = 0, mouseY = 0, glowX = 0, glowY = 0; document.addEventListener('mousemove', (e) => { mouseX = e.clientX; mouseY = e.clientY; glow.style.opacity = '1'; }); document.addEventListener('mouseleave', () => { glow.style.opacity = '0'; }); function animateGlow() { glowX += (mouseX - glowX) * 0.15; glowY += (mouseY - glowY) * 0.15; glow.style.transform = 'translate(' + glowX + 'px, ' + glowY + 'px) translate(-50%, -50%)'; requestAnimationFrame(animateGlow); } animateGlow(); document.querySelectorAll('a, button, .card, .product-card').forEach(el => { el.addEventListener('mouseenter', () => { glow.style.width = '700px'; glow.style.height = '700px'; }); el.addEventListener('mouseleave', () => { glow.style.width = '500px'; glow.style.height = '500px'; }); }); } const heroImg = document.querySelector('.banner img, .image-banner img'); if (heroImg) { let ticking = false; window.addEventListener('scroll', () => { if (!ticking) { requestAnimationFrame(() => { const scrolled = window.scrollY; const offset = scrolled * 0.4; heroImg.style.transform = 'translateY(' + offset + 'px) scale(' + (1 + scrolled * 0.0005) + ')'; ticking = false; }); ticking = true; } });

Meilleures ventes Notées 5 étoiles