Freemius

codingfix

<p>Red Eyes Froggy Buttons is the only one plugin which allows you to easily add css3 hover effects to your buttons, links etc. without writing css code by yourself. You can choose between 25 hover effects in the free version and 26 more effects in the Premium version.<br />
More effects will be added in the future and more controls over the different aspects of each effect will be added as well.</p>
<p>All the CSS code used by this plugin is freely available on the web. Although in many cases I had to make important changes, I’m not a CSS expert and I don’t want to take any credit for the CSS code used here. The goal of this plugin is to make that code easy to use and customize from within the WordPress admin section, trying to make it dynamic and self-adaptable to the different styles used by WordPress theme authors.</p>
<p>Every effect can be customized directly in the plugin settings page, using intuitive and easy to use controls. In the Premum version, get a more granular control over the colors to use for text, borders and background in normal and hover states.</p>
<p>In addition, the Premium version allows you to use shortcodes. The magic of this feature is that you can use a different effect for each button you put in your web page! In fact the shortcode will load only the css stylesheet which contains the rules for that specific effect.</p>
<h3><strong>Free features</strong></h3>
<ul>
<li>set the elements the effects will be applied to:
<ul>
<li>every button, link, input of type “submit” and input of type “button”</li>
<li>every button, link, input of type “submit” and input of type “button” <strong>except button and links in your menus</strong></li>
<li>buttons, links, inputs of type “submit” and inputs of type “button” but not to he nornmal links</li>
<li>buttons, links, inputs of type “submit” and inputs of type “button” but not to he nornmal links <strong>except button in your menus</strong></li>
</ul>
</li>
<li>apply effects only to a specific class</li>
<li>set one or more excluded class(es) the effect won’t be applied to</li>
<li>all elements with the class “norefbutton” will be automatically ignored by the plugin</li>
<li>choose among the 25 effects available</li>
<li>set the main color for your buttons: a second color will be automatically calculated by the plugin</li>
<li>set the button min width</li>
<li>set the button min height</li>
<li>set the border width</li>
<li>set the border radius</li>
<li>set the Animation duration</li>
<li>if required by the effect, some more controls to set shadows will become available</li>
</ul>
<h3><strong>Premium features</strong></h3>
<ul>
<li>26 more effects</li>
<li>ability to set colors automatically (as in the free version) or manually. In this case you can set
<ul>
<li>different text colors in normal and hover states</li>
<li>different border colors in normal and hover states</li>
<li>different background colors in normal and hover states</li>
</ul>
</li>
<li>shortcodes: you can use them together with the automatic mode or as an alternative to it. Using shortcodes allows you to use different effects for different buttons on the same web page</li>
</ul>
<h3>The Credits section</h3>
<p>Here you can find the names of the CSS authors and the links to their original CSS code.</p>


Red Eyes Froggy Buttons

Red Eyes Froggy Buttons makes adding stunning hover effets to your button, links and input of type "submit" and "button" easier than before.

DmtLo

Wow-Company

<p>All effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them.</p>
<p>Many effects use CSS3 features such as transitions, transforms, and animations. Old browsers that don’t support these features may need some extra attention to be certain a fallback hover effect is still in place.</p>
<h4>Main features</h4>
<ul>
<li>39 hover effects</li>
<li>Ease for use</li>
<li>Use in menu</li>
<li>Use for any element</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/XGO9Tn5vxdk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>2D Transitions</h4>
<ul>
<li>Grow</li>
<li>Shrink</li>
<li>Pulse</li>
<li>Pulse Grow</li>
<li>Pulse Shrink</li>
<li>Push</li>
<li>Pop</li>
<li>Bounce In</li>
<li>Bounce Out</li>
<li>Rotate</li>
<li>Grow Rotate</li>
<li>Float</li>
<li>Sink</li>
<li>Bob</li>
<li>Hang</li>
<li>Skew</li>
<li>Skew Forward</li>
<li>Skew Backward</li>
<li>Wobble Horizontal</li>
<li>Wobble Vertical</li>
<li>Wobble To Bottom Right</li>
<li>Wobble To Top Right</li>
<li>Wobble Top</li>
<li>Wobble Bottom</li>
<li>Wobble Skew</li>
<li>Buzz</li>
<li>Buzz Out</li>
<li>Forward</li>
<li>Backward</li>
</ul>
<h4>Shadow and Glow Transitions</h4>
<ul>
<li>Shadow</li>
<li>Grow Shadow</li>
<li>Float Shadow</li>
<li>Glow</li>
<li>Shadow Radial</li>
<li>Box Shadow Outset</li>
<li>Box Shadow Inset</li>
</ul>
<h4>Speech Bubbles</h4>
<ul>
<li>Bubble Top</li>
<li>Bubble Right</li>
<li>Bubble Bottom</li>
<li>Bubble Left</li>
<li>Bubble Float Top</li>
<li>Bubble Float Right</li>
<li>Bubble Float Bottom</li>
<li>Bubble Float Left</li>
</ul>
<h4>Use with other plugins to maximize your results</h4>
<ul>
<li><a href="https://wordpress.org/plugins/popup-box/" rel="ugc">Popup Box – new WordPress popup plugin</a></li>
<li><a href="https://wordpress.org/plugins/counter-box/" rel="ugc">Counter Box – powerful creator of counters, timers and countdowns</a></li>
<li><a href="https://wordpress.org/plugins/button-generation/" rel="ugc">Button Generator – easily Button Builder</a></li>
<li><a href="https://wordpress.org/plugins/mwp-herd-effect/" rel="ugc">Herd Effects – fake notifications and social proof plugin</a></li>
<li><a href="https://wordpress.org/plugins/floating-button/" rel="ugc">Floating Button</a></li>
<li><a href="https://wordpress.org/plugins/side-menu-lite/" rel="ugc">Side Menu Lite – add sticky fixed buttons</a></li>
<li><a href="https://wordpress.org/plugins/sticky-buttons/" rel="ugc">Sticky Buttons – floating buttons builder</a></li>
<li><a href="https://wordpress.org/plugins/bubble-menu/" rel="ugc">Bubble Menu – circle floating menu</a></li>
<li><a href="https://wordpress.org/plugins/float-menu/" rel="ugc">Float menu – awesome floating side menu</a></li>
<li><a href="https://wordpress.org/plugins/modal-window/" rel="ugc">Modal Window – create modal window</a></li>
<li><a href="https://wordpress.org/plugins/mwp-skype/" rel="ugc">Wow Skype Buttons</a></li>
<li><a href="https://wordpress.org/plugins/border-menu/" rel="ugc">Border Menu</a></li>
<li><a href="https://wordpress.org/plugins/slide-menu/" rel="ugc">Slide Menu</a></li>
</ul>
<h4>Support</h4>
<p>Search for answers and ask your questions at <a href="https://wordpress.org/support/plugin/hover-effects" rel="ugc">support center</a></p>


Hover Effects – easily create any hover effect

Hover Effect is easily applied to your own elements, modified or just used for inspiration.

Red Eyes Froggy Buttons vs Hover Effects – easily create any hover effect