css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

I decided to try a different, more IE-friendly approach to creating 3D buildings in CSS (albeit losing the opportunity to create 360° spins, something IE won’t support properly). The Japanese castle here may look 3D, but every visible part is on a 2D isometric plane. I drew the sides of blocks by skewing rectangles -45° on the Y axis for the left and the X axis for the right. Then I did the windows in a similar fashion.


  1. This is quite amazing. Keep up the good work; and the Japanese architecture ^_^

  2. How long did this take? Amazing.

  3. @thejamespower I started this last Friday, then I worked on this on and off until I was satisfied.

  4. Dude... ... Im jealous

  5. This is amazing dude. Well done.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.