Sākums Izpētīt Palīdzība
Pierakstīties
tum
/
network_report_server
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Revīzijas 25 Laidieni 0 Vikivietne

Nav apraksta

Koks: ab4931a31e
Atzari Tagi
network_report_server
/
app
/
node_modules
/
granim
tum 30f7226d9a first commit 2 gadi atpakaļ
..
dist 30f7226d9a first commit 2 gadi atpakaļ
docs 30f7226d9a first commit 2 gadi atpakaļ
test 30f7226d9a first commit 2 gadi atpakaļ
.eslintrc.js 30f7226d9a first commit 2 gadi atpakaļ
.travis.yml 30f7226d9a first commit 2 gadi atpakaļ
CHANGELOG.md 30f7226d9a first commit 2 gadi atpakaļ
CONTRIBUTING.md 30f7226d9a first commit 2 gadi atpakaļ
LICENSE 30f7226d9a first commit 2 gadi atpakaļ
README.md 30f7226d9a first commit 2 gadi atpakaļ
bower.json 30f7226d9a first commit 2 gadi atpakaļ
gulpfile.js 30f7226d9a first commit 2 gadi atpakaļ
index.js 30f7226d9a first commit 2 gadi atpakaļ
karma.conf.js 30f7226d9a first commit 2 gadi atpakaļ
package.json 30f7226d9a first commit 2 gadi atpakaļ
standalone.js 30f7226d9a first commit 2 gadi atpakaļ

README.md

Granim.js Build Status codecov gitter

Create fluid and interactive gradients animations with this small (< 17 kB) js library.

See the demo site.

Install

From NPM

  • Run npm install granim --save

From Bower

  • Run bower install granim

Static

How to use

<!-- Create a <canvas> element -->
<canvas id="granim-canvas"></canvas>

<!-- Call the script -->
<script src="granim.min.js"></script>

<!-- Create a Granim instance -->
<script>
var granimInstance = new Granim({
   element: '#granim-canvas',
   name: 'granim',
   opacity: [1, 1],
   states : {
       "default-state": {
           gradients: [
               ['#834D9B', '#D04ED6'],
               ['#1CD8D2', '#93EDC7']
           ]
       }
   }
});
</script>