Hover Circle

Image Hover Circle
Use simple cool hover effects.

Small Demo “Image Hover Circle”.

You can view the complete demo here.

The module is very easy to use.

First, select the “Image Hover Circle” plugin.

The following fields are available for the plugin.

1. Effect
2. Image
3. Title
4. Description

For the effects, the spin 1 to 54 are available. You can see what every single effect does on the demo page.

When you have filled in all fields, just click on “SAVE” and the entry is ready.

Title - Font Color
.info h3 {
color: #ff0000 !important;
}
Description - Font Color
.info p {
color: yellow !important;
}
Border - above Description
.info p {
border-top: 1px #ff0000 solid !important;
}
Hover Background - Color
.colored .info {
background: #336699 !important;
}
Border of Circle
.ih-item.circle .img::before {
box-shadow: inset 0 0 0 16px RGBA(254,198,54,0.6) !important;
}