Flying 3D Gallery

Description

This code creates a Flying 3D Gallery animation using HTML, CSS, and JavaScript.

• The gallery displays 10 floating images that move forward in 3D space with perspective, depth, and smooth opacity transitions.

• Images alternate between left and right positions, creating a cinematic parallax effect.

• CSS custom properties (--translate-z, --duration, --count) control the depth, timing, and total number of images.

• Hovering over an image pauses its animation, letting users interact with the scene.

• JavaScript randomly assigns --left and --right offsets so every reload generates a unique floating layout.

• The Orbitron font adds a futuristic style to the centered title “Flying 3D Gallery”