cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen
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.