Tilt box CSS

HTML

<div class="tilt-box">
    
</div>

CSS

.tilt-box {
    position: relative;
    width: 100%;
    margin: 2em 0;
    padding: 60px 0;
    background: #bcd8ff url(http://static.v2ex.com/grids/air.png);
    color:#000;
    overflow: hidden;
}
.tilt-box::before, .tilt-box::after {
    position: absolute;
    display: block;
    content:"";
    width:200%;
    height:40px;
    left:-50%;
    background-color: #fff;
    -webkit-transform: rotateZ(-1.333deg);
    -moz-transform: rotateZ(-1.333deg);
    -o-transform: rotateZ(-1.333deg);
    transform: rotateZ(-1.333deg);
}
.tilt-box::before {
    top:-20px;
}
.tilt-box::after {
    bottom:-20px;
}
/*------------Tilt box end----------------*/
body {
    margin: 0;
}
.tilt-box {
    text-align: center;
}