body {
    margin: 0px;
}

.pattern {
    position: absolute;
    -webkit-transition: opacity 1.5s ease-in-out;
    -webkit-transform: rotate(0);
}

.pattern.show {
    opacity:1;
}

.pattern.hide {
    opacity:0;
}