Hover Pack Demo

Fade

Photo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Stroke

Photo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Twist

Photo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Flip

Photo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Flow

Photo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Box

Photo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Stripe

Photo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Apart Horizontal

Photo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Apart Vertical

Photo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Diagonal

Photo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Photo 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Opacity Examples

Photo 1

Fade effect with opacity 80%

Photo 2

Stroke effect with opacity 80%

Photo 3

Flow effect with opacity 80%

Photo 4

Box effect with opacity 80%

Photo 5

Stripe effect with opacity 80%

Photo 6

Diagonal effect with opacity 80%

Photo 7

Apart vertical effect with opacity 80%

Photo 8

Apart horizontal effect with opacity 80%

Photo 9

Apart vertical effect with opacity 50%

Border Radius Example

Photo 1

Border Radius 10 with Fade Effect

Photo 2

Border Radius 10 with Stroke Effect

Photo 3

Border Radius 10 with Twist Effect

Photo 4

Border Radius 10 with Flip Effect

Photo 5

Border Radius 10 with Flow Effect

Photo 6

Border Radius 10 with Box Effect

Photo 7

Border Radius 10 with Stripe Effect

Photo 8

Border Radius 10 with Apart Horizontal Effect

Photo 9

Border Radius 10 with Apart Vertical Effect

Text Animation Example

Photo 1

You can add different animation for text

Photo 2

Different delay for Title and Text

Photo 3

Different animation for Title and Text

Photo 4

Rotation effect

Photo 5

Effects combination

Photo 6

Looks great!

Always visible titles

Title always visible

Text is appear later

Title is appear

But text is always there

You can set Title and Text

Always visible

Inverse Effect Behavior Example

Photo 1

Inverse Fade Effect

Photo 2

Inverse Stroke Effect

Photo 3

Inverse Twist Effect

Photo 4

Inverse Flip Effect

Photo 5

Inverse Flow Effect

Photo 6

Inverse Box Effect

Photo 7

Inverse Stripe Effect

Photo 8

Inverse Apart Horizontal Effect

Photo 9

Inverse Apart Vertical Effect