Hoverizr Simple Demos

For more info and documentation go to: iliasiovis/hoverizr or Hoverizr on GitHub

The first 2 examples are responsive so you can shrink the browser width and they will keep the aspect ratio.

Example 1. - Default Grayscale Hoverizr with 'slow' speedOut

$('.ex2').hoverizr({speedOut: 'slow'});

Example 2. - Blur effect fixed width and stretched

$('.ex1').hoverizr({speedOut: 'slow',
                    effect:"blur",
                    overlay: "bottom",
                    container: "pipa",
                    width: "100px",
                    height: "100px",
                    stretch: "yes"});

Example 3. - Color Inversion with 'slow' speedIn

$('#ex3').hoverizr({speedIn: 'slow',
                    effect:"invert"});