Generate random Background Lines it's great for Backgrounds
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
.gitignore no message Sep 25, 2017
LICENSE Initial commit Sep 18, 2017 Fix Firefox Bug Dec 11, 2017
examples.html Update examples.html Sep 25, 2017
jquery.ckLine.js Fix Firefox Bug Dec 11, 2017
jquery.ckLine.min.js Fix Firefox Bug Dec 11, 2017
package.json Fix Firefox Bug Dec 11, 2017


Generates random svg Lines



Download package and include jquery.ckLine.min.js in your document after including jQuery.

<script src=""></script>
<script src="/path/to/jquery.ckLine.min.js"></script>


You need an empty SVG Element in your HTML

<svg id="ckLine" xmlns=""></svg>

Via JavaScript

To call the ckLine plugin, select your target element with jQuery and do the following:



Name type default
svgId string null
width number SvgWidth
height number SvgHeight
strokeColor string #000
strokeWidth number 2
animateTime number 1000
interval number 600
fadeOut number 800
lifeTime number 2000
easing string swing
leftRight boolean true
animationTimeRange array [<number>, <number>]


To Destroy the plugin