--- title: 'CSS Spatial: Apples offener Web-Standard für Spatial Computing' description: 'CSS Spatial ist Apples Entwurf für räumliche Websites im Browser: zwei Modi, ein früher Stand, und zwei Autorinnen, die zugleich Webstandards mitschreiben.' slug: css-spatial-apple-webkit-standard-spatial-computing date: '2026-04-22' author: Gerhard Schröder tags: - impuls - spatial-computing - 3d-visualisierung primary_tag: impuls excerpt: CSS Spatial soll normale Websites räumlich machen, nicht nur auf der Vision Pro. Mit einer Einordnung zu den zwei Köpfen dahinter. canonical: https://visales.de/css-spatial-apple-webkit-standard-spatial-computing.html --- - **CSS Spatial ist Apples neuer Standard-Entwurf, mit dem normale Websites räumliche Tiefe bekommen sollen, ganz ohne aufwändige 3D-Programmierung.** - **Die beiden Autoren sind keine reinen Apple-Angestellten, sondern zugleich führende Köpfe im W3C, dem Gremium, das Webstandards für die gesamte Branche verabschiedet.** - **Der Standard ist noch ein früher Entwurf, kein verabschiedetes Regelwerk. Andere Browserhersteller sind erst zur Stellungnahme eingeladen.** ## Was ist CSS Spatial? Apples Standard für räumliche Websites Vor zweieinhalb Jahren, mit dem Start der Apple Vision Pro, bauten wir unsere erste „3D-Website", deren volle Funktionen nur auf der Apple Vision Pro liefen, und haben das Thema seither in mehreren Artikeln weitergedacht, unter anderem im Beitrag zum [model-Element](https://visales.de/spatial-website_enviroments_apple_vision_pro_model_tag.html), das Apple im [WebKit-Blog](https://webkit.org/blog/17118/a-step-into-the-spatial-web-the-html-model-element-in-apple-vision-pro/) vorgestellt hat. Unseren aktuellen Stand fasst die Leistungsseite [Spatial Website](https://visales.de/spatial-website.html) zusammen. CSS Spatial ist ein [Entwurf im offiziellen WebKit-Repository](https://github.com/WebKit/explainers/blob/main/css-spatial/explainer.md), der ein Grundproblem heutiger Websites löst: Sie sind flach, selbst auf Geräten, die Tiefe darstellen können. Statt einer eigenen 3D-Anwendung sollen normale HTML/CSS-Seiten künftig selbst festlegen können, was näher an den Betrachter heranrückt und was im Hintergrund bleibt. ## So funktioniert CSS Spatial: von schwebenden Elementen bis zum 3D-Fenster Zwei Grundideen stecken dahinter, im Entwurf CSS Spatial Layout genannt. Im ersten Modus, `spatial: page`, heben sich einzelne Elemente per `position: spatial-absolute` wie eine Visitenkarte vom Bildschirm ab, etwa ein Button, der beim Hovern näher zum Betrachter rückt. Im zweiten Modus, `spatial: portal`, öffnet sich die Seite wie ein Fenster in einen Raum dahinter, mit mehreren Ebenen, durch die man hindurchblickt, ideal für ein Produkt, das auf einer eigenen kleinen Bühne präsentiert wird. Auf gewöhnlichen Bildschirmen bleibt alles flach lesbar, nichts bricht. ![Isometrische Darstellung: drei Produktkarten für Teesorten auf einer Webseite, die mittlere ist samt Bild nach vorne aus der Fläche gehoben](/assets/images/2026/09/css-spatial-modus-page-karten.svg) *Modus `spatial: page`: einzelne Elemente heben sich aus der Seitenfläche heraus, hier die mittlere von drei Produktkarten. Diagramm: [WebKit CSS Spatial Layout Explainer](https://github.com/WebKit/explainers/blob/main/css-spatial/explainer.md), Apple.* ![Isometrische Darstellung: eine Überschrift liegt auf der Seitenfläche, dahinter öffnet sich ein dreidimensionaler Raum](/assets/images/2026/09/css-spatial-modus-portal-ueberschrift.svg) *Modus `spatial: portal`: die Seite öffnet sich wie ein Fenster, die Überschrift bleibt auf der Fläche und der Raum liegt dahinter. Diagramm: [WebKit CSS Spatial Layout Explainer](https://github.com/WebKit/explainers/blob/main/css-spatial/explainer.md), Apple.* ## W3C und Apple: die Doppelrolle hinter dem neuen Webstandard Die beiden Autoren hinter CSS Spatial sind nicht zwei Apple-Mitarbeiter mit einem internen Wunschpapier. Ada Rose Cannon leitet als Co-Chair die [Immersive-Web-Arbeitsgruppe des W3C](https://www.w3.org/immersive-web/) und arbeitet zugleich bei Apple an AR/VR. Elika Etemad, bekannt als „fantasai", schreibt seit rund zwei Jahrzehnten an den zentralen CSS-Spezifikationen des Web mit und ist mittlerweile ebenfalls bei Apple. Beide sitzen also an der Schnittstelle zwischen Konzern-Interesse und offenem Web-Standard. Das gibt CSS Spatial mehr Gewicht als eine reine Apple-Hausmeinung, auch wenn es noch keine Zusage anderer Browser gibt. ## Mein Gedanke dazu: Auswirkungen für heutige Websites Kurzfristig nichts, denn CSS Spatial ist ein Entwurf, kein Regelwerk, und kein zweiter Browser-Hersteller hat bisher zugesagt. Wer heute eine Website plant, plant sie flach... oder sagen wir, ohne diesen Standard. Mittelfristig verschiebt sich aber die Ausgangsfrage. Bisher hieß räumlich im Browser immer: eigene 3D-Anwendung, eigenes Budget, eigene Wartung. Wenn Tiefe zu einer Website- / CSS-Eigenschaft wird, sinkt die Einstiegshürde auf das Niveau einer Layout-Entscheidung. Für Produkte, die man heute mit Fotos und Explosionszeichnungen erklärt, ist das der interessantere Teil der Meldung: nicht die AR- oder VR-Brille, sondern der Weg dahin. Funfact: Die Teedosen-Szene haben wir 2023 als AR-Demo umgesetzt: [Interface-Design der AR-Brille von Apple schon 2021 in einem Spielfilm?](https://visales.de/interface-design-der-ar-brille-von-apple-schon-2021-in-einem-spielfilm.html)