Skip to content
A canvas-free, CSS3 only cube
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
docs
Cube.js
Cube.less
Cube.min.css
Cube.min.js
LICENSE
README.md
cube-demo.gif
package.json

README.md

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.2/Cube.min.css">
<script src="https://unpkg.com/css3-cube@0.1.2/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

You can’t perform that action at this time.