Announcing Red Eyes Froggy Buttons plugin

With Red Eyes Froggy Buttons plugin you can easily add css3 hover effects to your buttons, links etc. It\’s up to you to set which elements will be affected by the plugin.
The Settings page is divided into two main sections.

The General section

In the General section of the Settings page you can choose if

  • apply effects to every button, link, input of type “submit” and input of type “button”
  • apply effects to every button, link, input of type “submit” and input of type “button” except button and links in your menus
  • apply effects to buttons, links, inputs of type “submit” and inputs of type “button” but not to he nornmal links
  • apply effects to buttons, links, inputs of type “submit” and inputs of type “button” but not to he nornmal links except button in your menus
  • apply effects only to a specific class

In addition you can even exclude one or more classes

Alternatively, you can just use shortcode and insert your button where you want. You can even put different shortcodes with different effects in the same page. The only limit is your taste.

The Effect section

In the Effect section of Settings page you can

  • choose the ffect to apply among 25 effects available
  • set the base color (a second color will be computed automatically to ensure the best possible contrast between background and text)
  • set the button width
  • set the button height
  • set the border width
  • set the border radius
  • set the Animation duration
  • if required by the effect, some more controls to set shadows will become available

The Credits section

There is a third section too, the Credits section, where you can find the links to the original CSS code, generally hosted in CodePen.

The Premium version of the plugin

Red Ryes Froggy Button Premium is still under development and it will be released soon.
In the premium version

  • 26 more effects will be available
  • you will can choose to use autocolor mode and let the plugin do the dirty job or choose Full color control and manually set:
    • background color
    • background color on hover
    • text color
    • text color on hover
    • border color
    • border color on hover
    • shadows color, if required by the effect

For any question, don\’t hesitate to cantact me: I\’ll be happy to help you!

Leave a Comment

Your email address will not be published. Required fields are marked *