voxel/cube-icon

Name: cube-icon

Owner: Voxel.js Project

Description: 3D CSS cube icons

Created: 2014-01-26 06:23:16.0

Updated: 2016-04-02 19:31:16.0

Pushed: 2016-04-02 19:31:34.0

Homepage: http://voxel.github.io/cube-icon/

Size: 31

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

cube-icon

3D CSS cube icons

Usage:

var CubeIcon = require('cube-icon')
document.body.appendChild(CubeIcon(opts));

Example (run npm start, or view the live demo):

Options:

• showFaces: array of face names to show, defaults to ['left', 'top', 'front']
• images: a string, array, or object of images to show on each face, in cube-side-array format
• back, right, left, top, bottom, front: alternatively you can specify each side image in a separate option
• side: shorthand for left and front
• rotateX: X rotation in degrees, default -30
• rotateY: Y rotation in degrees, default 45
• scale: scaling factor, default 3.55
• size: size in pixels, default 16
• faceFilters: CSS transforms for each face, defaults to {front: 'brightness(60%)', left: 'brightness(100%)', top: 'brightness(150%)'}

License

MIT