https://github.com/blixt/js-grid

A JavaScript library that lets you create a grid of tiles that can be flipped individually or in groups (as one) using CSS 3D animations.
https://github.com/blixt/js-grid

Last synced: about 1 month ago
JSON representation

A JavaScript library that lets you create a grid of tiles that can be flipped individually or in groups (as one) using CSS 3D animations.

• Host: GitHub
• URL: https://github.com/blixt/js-grid
• Owner: blixt
• Created: 2012-07-31T01:39:37.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2012-07-31T01:41:04.000Z (over 12 years ago)
• Last Synced: 2024-04-21T10:12:34.183Z (7 months ago)
• Language: JavaScript
• Homepage: http://s.blixt.org/grid/example.html
• Size: 93.8 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Flippin' grid library

A JavaScript library that lets you create a grid of tiles that can be flipped

individually or in groups (as one) using CSS 3D animations.

## Example

For a full example, have a look at example.html.

    // Set up a new grid.

    var grid = new Grid(10, 10, 50);

    // Add it to the document.

    document.body.appendChild(grid.node);

    // Flip an image onto a random position on the grid, taking up 2x2 tiles.

    grid.flipRandom(2, 2, '/image.jpg');

## Notes

This library is currently in a very early stage and *only works with WebKit

right now*. Watch this repository for updates and feel free to submit pull

requests!

## MIT license

This project is licensed under an MIT license.  

Copyright © 2012 Blixt