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.