---
id: 5476
title: "Creating a 3D world in pure CSS"
source_domain: portswigger.net
source_url: "https://portswigger.net/research/creating-a-3d-world-in-pure-css"
published_at: "2021-10-13T13:28:00Z"
tags: ["tutorial", "frontend", "css", "3d", "creative-coding", "web-design"]
phying_url: "https://phying.com/item/5476"
lang: en
---

# Creating a 3D world in pure CSS

## Summary

A tutorial on building a first-person browsable 3D world with pure CSS and no JavaScript: 3D object placement, perspective and transforms, plus rudimentary keyboard and mouse interactivity.

## Intelligence Metadata

- **Sources:** portswigger.net
- **Published:** 2021-10-13T13:28:00Z
- **Original:** https://portswigger.net/research/creating-a-3d-world-in-pure-css
- **Phying News:** https://phying.com/item/5476