CSS3 Cube

A canvas-free, CSS3 only Cube

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>

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);

{
  ratio: 2 // Ratio at which mousemoves will impact the rotation of the cube
}

See this JSFiddle for a working example

Authors