Source code: http://tympanus.net/Tutorials/OriginalHoverEffects/OriginalHoverEffects.zip
Main require both style_common.css and stylexx.css
Add stylesheet to WordPress
wp_enqueue_style('hover-effects', get_stylesheet_directory_uri() . '/css/hover-effects.css');
Modify
.main{
width:100%;
}
.view {
width: 100%;
height: 100%;
}
.view .mask,
.view .content {
width: 100%;
height: 100%;
}