J51_Icons - Modify with hover effect

This is a icon modul from www.joomla51.com which i have it modified. You can with this Module show it a Icon grid gallery. My modified in this modul is the advanced settings and the hover effects. You can select between 6 hover styles, setup the different colors and more. The copyright of the module is at joomla51.com.

Click on readmore and watch the demos.

J51_Icons - Modify with hover effect and animate

This demo show the hover styles with the different settings. I have here per row a setting style. An exact description will follow soon on www.it-conserv.de. If I get the approval of joomla51, then there is also the free Download.

Demo 1

The modul with different colors, but without effects

Icon 1 title

This is the description from Icon 1

Icon 2 title

This is the Icon 2 description

Icon 3 title

This descritption is from Icon 3

Demo 2

The modul with different colors, a circle around the icon and without effects.

Icon 1 title

Here is the Icon Description, with hyperlink, animation: fadeInLeft

Icon 2 title

Here is the Icon Description, without hyperlink, animation: fadeInDown

Icon 3 title

Here is the Icon Description, with hyperlink, animation: fadeInRight

Demo 3

The modul with different colors, a circle around the icon and with simple hover color effect.

Icon title

Here is the Icon Description, with hyperlink, animation: fadeInDown

Icon 2 title

Here is the Icon Description, without hyperlink, animation: flip

Icon 3 title

Here is the Icon Description, with hyperlink, animation: flipInX

Demo 4

How Demo 3 and additionally effect style "circle top open".

Icon 1 title

This is the description from Icon 1

Icon 2 title

This is the Icon 2 description

Icon 3 title

This descritption is from Icon 3

Demo 5

How Demo 3 and additionally effect style "circle laterally open".

Icon 1 title

Here is the Icon Description, with hyperlink, animation: fadeInLeft

Icon 2 title

Here is the Icon Description, without hyperlink, animation: fadeInDown

Icon 3 title

Here is the Icon Description, with hyperlink, animation: fadeInRight

Demo 6

How Demo 3 and additionally effect style "circle rotation vertical" and light shadow.

Icon title

Here is the Icon Description, with hyperlink, animation: fadeInDown

Icon 2 title

Here is the Icon Description, without hyperlink, animation: flip

Icon 3 title

Here is the Icon Description, with hyperlink, animation: flipInX

Demo 7

How Demo 3 and additionally effect style "circle to square" and light shadow on dark background.

Icon 1 title

This is the description from Icon 1

Icon 2 title

This is the Icon 2 description

Icon 3 title

This descritption is from Icon 3

Demo 8

How Demo 3 and additionally effect style "circle big border" and light shadow on dark background.

Icon 1 title

Here is the Icon Description, with hyperlink, animation: fadeInLeft

Icon 2 title

Here is the Icon Description, without hyperlink, animation: fadeInDown

Icon 3 title

Here is the Icon Description, with hyperlink, animation: fadeInRight

Demo 9

How Demo 3 and additionally effect style "circle rotation horizontal" on dark background.

Icon title

Here is the Icon Description, with hyperlink, animation: fadeInDown

Icon 2 title

Here is the Icon Description, without hyperlink, animation: flip

Icon 3 title

Here is the Icon Description, with hyperlink, animation: flipInX