Curtain Reveal Effect using CSS

Curtain Reveal Effect using CSS

by Nirvanachain

HTML

<div class="curtain "></div?

<!-- from this site:

http://www.thecssninja.com/css/reveal-effect#more-1079

-->

CSS

body {
     padding-bottom: 200px;
}
body:after {
    content: "";
    height: 800px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: red;
    background-size: auto 280px;
    z-index: 1;
}

.curtain {
    height: 600px;
    position: relative;
    z-index: 2;
    background-color:white;
}