Home

CSS3 Cube

A canvas-free, CSS3 only Cube

Demo

Doc

  • Installation

Simply import CSS3 Cube into your HTML.

<link rel="stylesheet" href="https://unpkg.com/css3-cube@0.1.7/Cube.min.css">
<script src="https://unpkg.com/css3-cube@0.1.7/Cube.min.js"></script>
  • How to use

Create a new Cube object with the targeted node as the first parameter :

let cube = new Cube('#yourNode', options);
// OR
let cube = new Cube(element, options);
  • Options
{
  ratio: 2 // Ratio at which mousemoves will impact the rotation of the cube
}
  • Example

See this JSFiddle for a working example

Authors