Windows Metro Tiles with css3 and javascript
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js
index.html
license.md
readme.md

readme.md

tileJs

A Simple javascript replication of the subtle tilting effect when you click a tile in windows 8. Tilejs uses css3 transforms, so it is only supported by modern browsers.

Usage

<!-- Include the "metro-tile" class in your element -->
<div class="metro-tile"> This is my div, styled however I like </div>

<!-- Include the tileJs script -->
<script src="js/tileJs.js" type="text/javascript"></script>

<!-- Thats all! -->

Browsers

  • tileJS should work in all browsers that support css3 transforms (firefox 10+, chrome 12+, ie 10+, Safari 4+), to check your browser support, check caniuse: here

In the wild