Ferrofluid

        cube.addEventListener('mousedown', function(e) {
            isMouseDown = true;
            startX = e.clientX;
            startY = e.clientY;
            e.preventDefault();
        });

        document.addEventListener('mouseup', function() {
            isMouseDown = false;
        });

        document.addEventListener('mousemove', function(e) {
            if (!isMouseDown) return;
            const deltaX = e.clientX - startX;
            const deltaY = e.clientY - startY;
            currentX += deltaY * 0.5;
            currentY += deltaX * 0.5;
            cube.style.transform = `rotateX(${currentX}deg) rotateY(${currentY}deg)`;
            startX = e.clientX;
            startY = e.clientY;
        });

        cube.addEventListener('click', function() {
            cube.style.animation = 'none';
            cube.classList.toggle('fractal');
        });
    });
</script>