All Projects → captainKeller → ckLine

captainKeller / ckLine

Licence: GPL-3.0 license
Generate random Background Lines it's great for Backgrounds

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to ckLine

30DayMapChallenge
My contributions to the #30DayMapChallenge 2019, a daily challenge focusing on spatial visualizations happening throughout November.
Stars: ✭ 170 (+750%)
Mutual labels:  lines
madao admin manage
🎉 VUE前后端分离管理系统,基于RBAC的后台管理。
Stars: ✭ 38 (+90%)
Mutual labels:  background
smart-background
Automatically generate the background of the symbol picture, so you no longer have to worry about the background 自动生成符号背景,让你不再为背景头疼
Stars: ✭ 74 (+270%)
Mutual labels:  background
Interactive-Image-Particles
A Simple Javascript library that use image data to create a small interactive particles network.
Stars: ✭ 24 (+20%)
Mutual labels:  background
intuiter
Global productivity app for anyone who use Windows
Stars: ✭ 24 (+20%)
Mutual labels:  background
FieldsLinker
Designed for matching files headers to database fields during the process importing. Allows drawing links between elements of 2 lists
Stars: ✭ 18 (-10%)
Mutual labels:  lines
linec
🍬一个高颜值命令行统计代码行数的计数器。(counts lines of code)
Stars: ✭ 121 (+505%)
Mutual labels:  lines
removd
Automatic ai cut outs of people, products and cars with https://www.remove.bg service
Stars: ✭ 28 (+40%)
Mutual labels:  background
BLE
No description or website provided.
Stars: ✭ 25 (+25%)
Mutual labels:  background
vue-responsive-video-background-player
Play your own videos in background responsively in different resolutions.
Stars: ✭ 212 (+960%)
Mutual labels:  background
backgroundImagePlus
Cycle random background images in IntelliJ
Stars: ✭ 99 (+395%)
Mutual labels:  background
tty-screen
Terminal screen detection - cross platform, major ruby interpreters
Stars: ✭ 78 (+290%)
Mutual labels:  lines
komorebi
A beautiful and customizable wallpaper manager for Linux
Stars: ✭ 231 (+1055%)
Mutual labels:  background
starback.js
Create a beautiful star falling background with starback.js
Stars: ✭ 337 (+1585%)
Mutual labels:  background
cvxpnpl
A Perspective-n-Points-and-Lines method.
Stars: ✭ 56 (+180%)
Mutual labels:  lines
time
The simplest but configurable online clock
Stars: ✭ 77 (+285%)
Mutual labels:  background
react-scrolling-color-background
background with color transitioning as you scroll, declarative and easy to setup
Stars: ✭ 53 (+165%)
Mutual labels:  background
nodejs-eol-converter-cli
Newline (EOL) coverter CLI for NodeJs. CRLF -> LF or backwards conversion.
Stars: ✭ 33 (+65%)
Mutual labels:  lines
VideoTransparentBackground
Sample project displaying a video with transparent background in iOS app
Stars: ✭ 28 (+40%)
Mutual labels:  background
cordova-plugin-background-upload
Cordova plugin for background upload
Stars: ✭ 47 (+135%)
Mutual labels:  background

ckLine.js

Generates random svg Lines You can find a demo here https://www.jqueryscript.net/animation/Animated-SVG-Lines-jQuery-JnLine.html

Installation

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="/path/to/jquery.ckLine.min.js"></script>

Usage

You need an empty SVG Element in your HTML

<svg id="ckLine" xmlns="http://www.w3.org/2000/svg"></svg>

Via JavaScript

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

$('#ckLine').ckLine();

Options

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>]

Functions

To Destroy the plugin

$('#ckLine').ckLine.destroy();
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].