Perspektive ändern beim Scrollen

Ich wollte einen Effekt erzielen, wo beim Scrollen sich die Perspektive ändern. Dafür muss man nur beim body die CSS-Eigenschaft perspective setzen und sicherstellen, dass auch in njedem Browser innerhalb des body
Elementes gescrollt wird.

Umsetzung

Folgender Code erzeugt den gewünschten Effekt:

html, body {
 width: 100%;
 height: 100%;
 overflow: hidden;
 
}
body {
 overflow: auto;
 perspective: 500px;
}

Den vollständigen Code kann man sich bei Codepen ansehen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

*