Miss any of our Open RFC calls?Watch the recordings here! »

css3-cube

0.1.7 • Public • Published

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

Install

npm i css3-cube

DownloadsWeekly Downloads

5

Version

0.1.7

License

MIT

Unpacked Size

1.3 MB

Total Files

43

Last publish

Collaborators

  • avatar