Image Hover Effects Widgets

December 07, 2016

Image Hover Effects Widgets Plugin

A simple widget that makes it a breeze to add images,Content, And CSS3 Hover Animation.

EGW images hover effect using pure CSS uses new transitions and different coding. which is suitable for portfolio, image gallery and much more as Sidebar. You can set animation for image and caption separately. Easy to use and customization, no need to knowledge’s ,CSS,HTML. Simple, Easy And Stylizes

Features

*Pure CSS3
*Without JavaScript or jQuery
*Title and Description
*Default settings can be overridden using filter.
*Easy code implementation External css
*Easy to use and customization
*Supports override of template so that you can override the template for your theme!

Widget Options:-

*Upload, link to external image, or select an image from your media collection using the built in thickbox browser.
*Link the image
*Ability to change image hover effects
*Ability to change image hover effects
*Ability to disable captions
*Ability to disable captions, title, text background, color, font size , font family
*Disable/enable captions opacity?
*Ability to change Widgets style (Square, Round)
*Ability to change Widgets border color and size
*you can use All html supported fonts
*Captions padding

Image Effects:-

*Fadeout
*Blur
*Gray
*Sepia
*Round
*Zoom in
*Zoom out outside
*Zoom out inside
*Rotate out outside
*Rotate out inside
*Rotate vertical
*Rotate horizontal
*Side left
*Side Right
*Side top
*Side Bottom
*No effect(will be simply html images)

Captions Effects:-

*Fade-in
*Bounce
*Zoom in
*Zoom Out
*Rotate in outside
*Rotate in inside
*Rotate vertical
*Rotate horizontal
*Side left
*Side right
*Side top
*Side bottom
*Side left half
*Side Right half
*Side top half
*Side Bottom half
*No effect (simply title and text display bellow image)

Installation

  1. Upload egw-hover-effects-widget to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Appearence/Widget menu then drag-drop EGW Hover Effects widget to your sidebar
  4. Click on the sidebar navigation -> Appearance -> Widgets drag and drop (EGW Hover Effects) widget to any of the sidebars.
    Open the widget in the sidebar And Set your image,hover Effects,Background Color,Text Color , Button Color.

Screenshots

  1. Widgets admin screen

    Widgets admin screen

FAQ

Installation Instructions

  1. Upload egw-hover-effects-widget to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Appearence/Widget menu then drag-drop EGW Hover Effects widget to your sidebar
  4. Click on the sidebar navigation -> Appearance -> Widgets drag and drop (EGW Hover Effects) widget to any of the sidebars.
    Open the widget in the sidebar And Set your image,hover Effects,Background Color,Text Color , Button Color.

Changelog

1.3

Remove pro versions , make full open source

1.0

The First Upload

Details

  • Version: 2.1
  • Active installations: 100
  • WordPress Version: 3.5
  • Tested up to: 4.7.29

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars