Hinweis

Das ist die Demo / Test-Seite. Es werden hier keine Downloads o.ä. angeboten. Hier kann man lediglich sehen, welche Erweiterungen ich erstelle bzw. bereits erstellt habe. Die Nutzung der Erweiterungen erfolgt auf eigene Gefahr und es wird keine Haftung übernommen.

Ausführliche Beschreibungen und Downloads werden unter https://www.it-conserv.de angeboten.

J51_Icons - Modify with hover effect

Details
Zugriffe: 12461

Bewertung: 3 / 5

Stern aktivStern aktivStern aktivStern inaktivStern inaktiv
 

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.

Demo 8

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

Demo 9

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