BACK TO DIRECTORY
Outpath Solutions Image Cube displays a smooth, rotating 3D cube on your site. Use a single logo on all six faces, or set a different image per face. The animation uses pure CSS 3D transforms, so no JavaScript library is loaded on the front end and the cube stays fast and lightweight.
Features
- Rotating 3D cube built from one logo or six different images.
- Shortcode [outpath_image_cube] and a matching block with a live preview in the editor.
- Independent horizontal and vertical rotation speeds for a tumbling effect.
- Choose images straight from the WordPress media library.
- Responsive images with automatic srcset (uses attachment IDs).
- Live preview on the settings page.
- Extra options: pause on hover, reverse direction, adjustable perspective, ground shadow and rounded corners.
- Adjustable size and speed, globally or per shortcode.
- Respects the visitor’s “reduce motion” preference.
- Accessible: add a description for screen readers, or leave the cube decorative.
Screenshots
A rotating cube built from a single logo.
A cube with a different image on each face.
The settings page: pick a default image or a different image per face, with a live preview beside it.
Set the cube size, the horizontal and vertical rotation speed, and an optional screen-reader description.
The Outpath Image Cube block in the editor, with the per-face image controls in the sidebar.