{"version":"1.0","type":"rich","title":"CSS frame portrait","description":"This example renders a wireframe cube as a portrait frame using pure CSS 3D transforms. The six faces of the cube are positioned with `rotateX`, `rotateY`, and `translateZ` properties, while the `frame-portrait` class adds borders to each face to create the frame effect. The page sets a perspective on the `html` element and uses `preserve-3d` on the body and all children, making the cube visible in three-dimensional space. No JavaScript or external libraries are used; the visualization relies entirely on CSS transforms and the static HTML markup.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-1729236?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}