Last year I created a demo showing how CSS 3D transforms could be used to create 3D environments. The demo was a technical showcase of what could be achieved with CSS at the time but I wanted to see how far I could push things, so over the past few months I’ve been working on a new version with more complex models, realistic lighting, shadows and collision detection. This post documents how I did
![Creating 3D worlds with HTML and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/0e0c352c590b7271cd54c28348883bec25a1d33d/height=288;version=1;width=512/https%3A%2F%2Fkeithclark.co.uk%2Farticles%2Fcreating-3d-worlds-with-html-and-css%2Fcss3fps-lit.jpg)