https://github.com/mateuscalza/gradient-partitioner
A simple library to slice gradient for node and browser.
https://github.com/mateuscalza/gradient-partitioner
gradient gradient-partitioner gradients partitioning slice slice-gradient
Last synced: 7 days ago
JSON representation
A simple library to slice gradient for node and browser.
- Host: GitHub
- URL: https://github.com/mateuscalza/gradient-partitioner
- Owner: mateuscalza
- License: mit
- Created: 2017-06-28T03:32:36.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-06-28T22:12:11.000Z (over 8 years ago)
- Last Synced: 2025-11-06T21:25:24.366Z (4 months ago)
- Topics: gradient, gradient-partitioner, gradients, partitioning, slice, slice-gradient
- Language: JavaScript
- Size: 167 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Gradient Partitioner
A simple library to slice gradients for node and browser.
## Install
NPM
```
npm install --save gradient-partitioner
```
Yarn
```
yarn add gradient-partitioner
```
## Usage
ES6
```javascript
import GradientPartitioner from 'gradient-partitioner'
const range = new GradientPartitioner('#F05F57', '#360940', 0, 100)
range.partition(0, 45).cssGradient() // linear-gradient(to right, rgb(240, 95, 85), rgb(156, 56, 77))
```
Legacy
```javascript
var GradientPartitioner = require('gradient-partitioner')
var range = new GradientPartitioner('#F05F57', '#360940', 0, 100)
range.partition(0, 45).cssGradient() // linear-gradient(to right, rgb(240, 95, 85), rgb(156, 56, 77))
```
### Example
## To Do
* Serialize to legacy browsers
* 2d gradient with angle
* Radial gradients
* Multiple colors
## License
```
MIT License
Copyright (c) 2017 Mateus Calza
```