#comic {
    perspective: 1000;
    -webkit-perspective: 1000;
}
#comic, .oldcomic, .newcomic {
    width:647px;
}

#comic:hover .flipper, #comic.hover .flipper{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flipper {
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position:relative;
}

.oldcomic, .newcomic {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.newcomic {
    z-index:2;
}
.oldcomic {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}