.blind-hover {
    margin: 10px 0;
    font-size: 0;
    letter-spacing: 0;
    position: relative;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1), 0 16px 20px rgba(0,0,0,0.05);    
    overflow: hidden;
} 
.blind-hover div {
    display: inline-block;
    overflow: hidden;
    width: 20%;
    transform: rotateY(0);
    transition: all 0.5s ease-out;    
}
.blind-hover > img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.blind-hover div img {
    width: 500%;
    max-width: 500%;
    position: relative;
}
.blind-hover div:nth-of-type(1) {
    transition-delay: 0;
}
.blind-hover div:nth-of-type(2) {
    transition-delay: 0.2s;
}
.blind-hover div:nth-of-type(3) {
    transition-delay: 0.4s;
}
.blind-hover div:nth-of-type(4) {
    transition-delay: 0.6s;
}
.blind-hover div:nth-of-type(5) {
    transition-delay: 0.8s;
}
.blind-hover div:nth-of-type(2) img {
    right: 100%;
}
.blind-hover div:nth-of-type(3) img {
    right: 200%;
}
.blind-hover div:nth-of-type(4) img {
    right: 300%;
}
.blind-hover div:nth-of-type(5) img {
    right: 400%;
}
.blind-hover:hover div {
    transform: rotateY(360deg);
}