https://github.com/scriptraccoon/rubikscubecss

Rubik's Cube made with three-dimensional CSS transforms
https://github.com/scriptraccoon/rubikscubecss

Last synced: 12 months ago
JSON representation

Rubik's Cube made with three-dimensional CSS transforms

• Host: GitHub
• URL: https://github.com/scriptraccoon/rubikscubecss
• Owner: ScriptRaccoon
• License: mit
• Created: 2021-10-20T09:06:58.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-01-26T00:06:17.000Z (over 2 years ago)
• Last Synced: 2024-05-30T16:49:59.509Z (about 2 years ago)
• Language: JavaScript
• Homepage: https://rubikcubecss.netlify.app
• Size: 312 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Rubik's Cube

This is Rubik's Cube made mainly with 3-dimensional CSS transforms and a bit of JavaScript to execute them. No WebGL or libraries such as Three.js are used.

https://rubikcubecss.netlify.app



  

Open the menu with the `i` key to see all the keys for rotating the cube and its layers.

When many rotations are entered quickly in a row, a queue executes them one by one. There are also options to undo moves, scramble the cube, reset the cube, zoom, or make the cube transparent. When the cube is solved, an animation is started.