🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. Apply CSS Animations To SVG Images - Inline SVG

Apply CSS Animations To SVG Images - Inline SVG

Inline SVG is a jQuery plugin which makes you img embedded SVG content (polygon, stroke, circle) be styled and animated with CSS / CSS3.

SVG
Download Tutorial

Documentation

inline-svg

Inline SVG is a simple jQuery plugin that embeds an svg in an image src into the page so you can use CSS animations.

See the demo here

Install with bower

bower install zr-inline-svg

You May Also Like

jQuery Plugin To Generate Visual Tournament Brackets - Bracket World

Simple jQuery Plugin To Draw A SVG Pie Chart - Piechart

Create An Animated Photo Wall with jQuery Photocols.js

Hamburger Button Transition Effect with jQuery and CSS3

Creating Circular Images with jQuery and SVG - Round Image

Animated Interactive Donut Chart with jQuery and Snap.svg

Customizable and Animated jQuery & SVG Based Graph Plugin - Graph.js

jQuery Plugin For Converting DIVs Into SVG Shapes - Shape Shifter

Elastic SVG Modal Window with jQuery and Snap.svg

jQuery Plugin For Panning and Zooming SVG Images

Cross Browser Responsive HTML Element Masking Plugin - polyMask.js

Pie-style Loading Indicator Plugin With jQuery and SVG - Pie-Loader

Custom Sparkle Animations With jQuery And SVG - Sparkle

Digital Camo Background Generator With jQuery And SVG - acufy.js

jQuery Plugin To Apply Custom CSS Styles To SVG - SVG.js

jQuery Plugin For Creating Blurred Image Backgrounds - Background Blur

SVG Based Workflow Diagram Plugin With jQuery - workflowChart.js

Create Gmail Like Text Avatars with jQuery and SVG - initial.js

jQuery Plugin For SVG Path Animation - SVG Path Painter

jQuery Plugin For Responsive SVG Slanted Backgrounds - polygonMaskJS

jQuery Plugin To Moves An Element Along A SVG Path - MotionJS

Minimal Hexagon Countdown Timer With jQuery And SVG - SVG Timer

jQuery Plugin For Easier SVG Image / Sprite Embedding - svgSwap

Apply CSS Animations To SVG Images - Inline SVG

Lightweight SVG Zooming And Panning Plugin - SvgZoom.js

jQuery Plugin For SVG Path (Line) Animation - Sketch.js

Animate SVG Paths Using jQuery And Velocity - SVG Path Animator

jQuery Plugin To Make SVG Images Inline - svg-to-inline

Convert SVG Images Into Inline SVG Elements - jQuery SVG Convert

Generate Animated SVG Lines With jQuery - ckLine.js

Fancy Gooey Cursor With jQuery, CSS3 And SVG Filters

jQuery Plugin To Connect HTML Elements with Lines - HTML SVG Connect

Animated Triangle Pattern With jQuery And SVG - svgTrianglePattern

Add SVG Arrows To Folded Content - jQuery folding-arrow

Convert SVG Image Into Inline SVG Code - iSVG

Replace SVG Image With SVG Code - jQuery Inline-SVG

Touch-enabled SVG Pan & Zoom Plugin - jQuery SVGPanZoom

Raphaël - Vector Graphics JS Library

arbor.js – A Graph Visualization Library

NETEYE Activity Indicator in jQuery

CoolClock in jQuery

jVectorMap a jQuery vector map plugin

Dracula : JavaScript Graph Library

Add automatic area highlighting to image Maps with javascript : Mapper.js

Kartograph : jQuery Interactive map applications without Google Maps

Cubism.js : Time Series Visualization Chart

JQVMap : jQuery Vector Maps

jCS Media Library in jQuery

Custom HTML5 video player with jQuery and CSS3

JavaScript Mindmap

D3.js : Data-Driven Documents

SeuratJS : Raphaël plugin for beautiful pointillized Animations

JustGage : Animated Gauges in SVG & Raphaël library

jsPlumb : Connect elements on the screen using jQuery, SVG, Canvas or VML

fabric.js : JavaScript Html5 Canvas Library

jsDraw2DX : SVG Graphics Library for JavaScript Html5

Method-Draw : A web based SVG editor

Jim Knopf : JavaScript library for creating SVG-powered knobs

Vague.js : jQuery Blur any kind of Html Element

Lazy Line Painter : jQuery plugin for SVG path animation

spoiler-alert : jQuery plugin to hide spoilers on your site

Rickshaw.Graph : JavaScript toolkit for real-time Graphs

Interactive Infographic with SVG and CSS Animations

Metro Style Side Menu with jQuery

LivIcons : 303 Truly Animated Vector Icons with jQuery

Two.js : Two-dimensional Drawing API

three.js : JavaScript 3D library

jQuery.Feyn : Drawing Feynman Diagrams with SVG

Animated Checkboxes and Radio Buttons with SVG

SVG.js : A lightweight library for manipulating and animating SVG

jQuery Plugins

AngularJs Plugins