https://github.com/atomantic/rectanglar_rotations

📦Just a quick CSS 3D rectangular rotation layout so I can check my manual drawing practice work
https://github.com/atomantic/rectanglar_rotations

Last synced: over 1 year ago
JSON representation

📦Just a quick CSS 3D rectangular rotation layout so I can check my manual drawing practice work

• Host: GitHub
• URL: https://github.com/atomantic/rectanglar_rotations
• Owner: atomantic
• Created: 2017-11-02T17:25:47.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2021-03-11T03:13:21.000Z (over 5 years ago)
• Last Synced: 2025-02-01T03:41:38.219Z (over 1 year ago)
• Language: JavaScript
• Homepage: http://adameivy.com/rectanglar_rotations/
• Size: 781 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Rectangular Rotations

Using the arrow keys will manually rotate the middle rectangle.

Demo here: http://adameivy.com/rectanglar_rotations/

## Rendered in Safari \\[^_^]/

Looks great in Safari:

![safari render](safari.png)

## Rendered in Chrome \\[o_9]/

It appears Chrome's rendering engine pukes if you create too many 3d transformations:

![chrome render](chrome.png)