Xbox Series S and X models built purely with CSS and a sprinkle of JavaScript.

Select S or X to transition between both Xbox Series models. Move your cursor or tap the screen to the left or right of the console, to slightly adjust the angle.

See the Pen Xbox Series by Justin (@tumain) on CodePen.

After completing the project, I wrote an article explaining the intricate details of how the visual elements and transitions were created. You can view the post here.

You can also view the code here on Github.