{"version":"1.0","type":"rich","title":"CSS 3D cube","description":"This example shows a wireframe-style cube rendered in 3D using CSS transforms and perspective. The cube is composed of six square faces, each positioned and rotated with the `rotateY` and `rotateX` functions applied to `translateZ` values, creating a three-dimensional structure. The code relies on CSS variables and the `-webkit-transform-style: preserve-3d` property to maintain depth. It uses only static HTML and CSS, with no JavaScript or external libraries, and the faces are given semi-transparent backgrounds and inset shadows for visual clarity.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-1570606?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}