Original Hover Effects with CSS3

By

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%;
}