![]() ![]() There are no Flash or animated GIF elements here. Var playOnStart = true //play animations on page loadĬompare the size and quality of SVG’s, JPG’s, and PNG’s Compatible With All Major Browsers Smooth Javascript Animations Var speed = 1 //speed up or slow down the animations (1 being normal speed) ![]() Var hoverScale = 1.2 //how much does the icon grow on rollover Var useRollover = true //have an animation on rollover 5 //stagger the animation of each iccon (in seconds) Var imagesPath = "images/" //path to the images You can even specify which icons will be affected by putting their numbers in between the brackets: Using these icons is ridiculously easy! Seriously, just add a div with the right class name and we’ll take it from there:Īll the colors are handled right in the CSS so there’s no need to dig through SVG code or open a graphics file:Įven adding buttons to control the animations is a peice of cake. What happens when the icon isn’t on the screen? Don’t worry, the icons won’t animate until you’ve scrolled them into view. They’re all SVGs (scaleable vector graphics), which means that you can make them any size and show them on any screen (even retina), and they’ll look 100% crisp and clear. These animated SVG icons are the perfect way to send your customers to your social media. ![]()
0 Comments
Leave a Reply. |