7560 Button Generator (Miscellaneous)

Update

• This is the first version;

Features

• Supported by the latest version of Internet Explorer, Chrome, FireFox, Opera.


• 
  7560 different button styles created only using CSS3 features.


• 10 different colors.


• 3 different color types.


• 3 extra options.


• 3 different border styles.


• 7 different kind of hover animations.


• 3 different sizes.


• No images are used.


• Everything is explained in the documentation (online and offline).

Documentation and demo are available, and you can generate the buttons directly online.

Progressive Draw - SVG (Animated SVGs)

Watch your vector artwork draw itself right onto the screen!

Easy to Use

Setting up a new animation couldn’t be more simple. You just save your artwork directly from Adobe Illustrator, add a line of code to your HTML, and you’re ready to go!

Easy to Customize

• Change the following with just one variable:
  


• Animation speed for lines and fills
  


• Play on load, on click, or when it becomes visible on scroll
  


• Draw everything at once or one element at a time
  


• Draw fills in order or at the very end of the animation
  


• Delay time between images
  


• Enable/disable the play/pause button on hover
  

Other Features

• You can control play, pause, resume, reverse, and restart externally
  


• Responsive design
  


• Works on all major browsers, even mobile and Explorer
  


• Works great even if the artwork has mostly fills instead of lines
  


• Add an unlimited number of SVG’s to your page
  

Excellent Support

It’s no coincidence that I’m a 5-star Elite Author here on CodeCanyon – I provide great support. Not only are there comprehensive instructions, the code is well commented and I’m prompt and helpful when you contact me. Look what some of my customers have to say about me:

Some things to note:

• Modern browsers can’t handle SVG’s with variable stroke widths so they either need to be converted to normal strokes or converted to fills
  


• This file is for vector, not raster artwork – meaning it won’t animate your PNG or JPG images
  

Related Items

Row Scroll Animations for Visual Composer (Add-ons)

Liven up Your Site with Entrance & Exit Row Animations

First we created parallax backgrounds for Visual Composer, now we’re bringing you another new and awesome way to bring life to your layouts with Row Scroll Animations.

What Are Row Scroll Animations?

Have you ever noticed in some custom made sites that while you are scrolling down, the previous section fades out, goes black, or gets smaller until it leaves the screen? We’d like to call those row scroll animations. And with this plugin, you can add those same effects to your site.

Add Entrance and Exit Animations to Your Rows

When your row comes into view, you can choose to have it animate until it reaches the center of your screen. And when it’s about to leave the screen, you can choose to animate it again until it leaves. This looks great if your site is a single page site, or when your pages are composed of multiple sections.

We provide you with a lot of animations to choose from and mix and match to your liking. The animations blend well together so you can choose to have your content fade up on enter, then 3D rotate the whole row backward on exit.

Easy to Integrate

We do not want to bother you with elaborate set ups, so we made our plugin super easy to use. If you want to add an animation to your row, just drop in a Row Scroll Element into your row (or inner row), then it should now animate. What’s more, the animation will get applied to your current row design. If you have background images or even applied our parallax background or video background to your row, it would still work seamlessly.

Full Feature Set

• 15 Entrance animations


• 20 Exit animations


• Hardware accelerated animations


• Handles existing Visual Composer’s Row Settings


• Pure Javascript is used for speed, no jQuery


• Includes our Smooth MouseWheel WordPress plugin
  


• Disabled in mobile devices to prevent slowdowns


• WordPress standards

Having Trouble with the Plugin?

Head over to the support tab and check out the FAQs, or submit a support ticket!

Enjoying the Plugin?

Be sure to leave a rating and review and show us some love.

Check out Our Other Stuff

Updates

Version 1.0

* Initial release

Text Input Effects (Animations and Effects)

Text Input Effects is a collection of input effects that can be used to enhance and beautify any application. They are easy to implement,customize and are fully responsive. This set comes with eleven beautiful styles.