Wie kann man einen CSS -Fußzeilen -"-Dvor -Effekt erzielen? ⇐ HTML

[Anonymous]

Ich möchte mit CSS einen einfachen Vorhangeffekt erzeugen können, und ich habe ein Tutorial im Web gefunden, das erklärt, wie es geht. Lassen Sie es nicht etwas tun. Ich habe versucht, den im Tutorial über JSFiddle beschriebenen Effekt ohne Erfolg nachzubilden. Grundsätzlich habe ich gerade den Code von einer der bereitgestellten Beispielseiten kopiert, aber es scheint etwas zu fehlen. /p>

Anscheinend muss ich hier auch den JSFIDDLE -Code einfügen. Hier ist es also: < /p>
html < /strong> < /p>

Code: Select all

test

TEST TEST TEST

CSS: [/b]

Code: Select all

body {
padding-bottom: 600px;
}
body:after {
content: "";
height: 1800px;
position: fixed;
left: 0;
right: 0;
bottom: 0;
background-color: yellow;
background-size: auto 280px;
z-index: 1;
}
.curtain {
height: 1200px;
position: relative;
z-index: 2;
}