Skip to content
Animated 3D Rubik's cube made with CSS
HTML CSS JavaScript
Branch: master
Clone or download
Latest commit b4c7412 Sep 11, 2017
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE change name in license Sep 11, 2017 update link to demo page Sep 11, 2017
cube.css fix mobile view; update github ribbon; Jun 12, 2016
cuberotation.css remove -webkit-keyframes Oct 16, 2015
index.html change github ribbon Sep 11, 2017
main.js little clean up of javascript code Jan 5, 2015
stickers.svg main commit Jan 5, 2015
useragent-message.js add message to use chrome Jan 9, 2015

CSS Rubik's Cube

This is a 3D Rubik's Cube demo made with CSS3.

As this demo uses advanced features from CSS3, some browsers will not be capable to support it. The newest version of Chrome should be sufficient as the demo was developed using Chrome.

CSS3 is extensively used, especially 3D transformations and transitions (animations).

JavaScript is used for generating sequence of random moves, and to add/remove classes to/from appropriate elements in order to trigger animations.

View Demo


This software is released under the MIT license.

You can’t perform that action at this time.