Skip to content

Commit c8b4d85

Browse files
committed
Initial commit
0 parents  commit c8b4d85

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+4585
-0
lines changed

.gitignore

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
logs
2+
*.log
3+
npm-debug.log*
4+
.idea/
5+
node_modules/

README.md

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
# Granim.js
2+
Create fluid and interactive gradients animations with this small (< 10 kB) js library.
3+
4+
**See the [demo site](http://sarcadass.github.io/granim.js)**.
5+
6+
## Install
7+
* Download the script in the `dist/` folder
8+
9+
## Basic config
10+
```html
11+
<canvas id="granim-canvas"></canvas>
12+
13+
<script>
14+
var granimInstance = new Granim({
15+
element: '#granim-canvas',
16+
name: 'granim',
17+
opacity: [1, 1],
18+
stateTransitionSpeed: 1000,
19+
states : {
20+
"default-state": {
21+
gradients: [
22+
['#834d9b', '#d04ed6'],
23+
['#1CD8D2', '#93EDC7']
24+
],
25+
transitionSpeed: 5000,
26+
loop: true
27+
}
28+
}
29+
);
30+
</script>
31+
```

0 commit comments

Comments
 (0)