CSS3 Cube

A canvas-free, CSS3 only Cube

Doc

• Installation

Simply import CSS3 Cube into your HTML.

<link rel="stylesheet" href="https://unpkg.com/[email protected]/Cube.min.css">
<script src="https://unpkg.com/[email protected]/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

• Zenoo - Initial work - Zenoo.fr