lerp-css-string

1.0.1 • Public • Published

lerp-css-string

stable

Interpolates the values between two CSS strings, returning a new string.

var lerp = require('lerp-css-string')
 
lerp('10px', '0px', 0.5)                     // -> '5px'
lerp('100%', '50%', 0.5)                     // -> '75%'
lerp('100px 25%', '50px 20%', 0.5)           // -> '75px 22.5%'
lerp('360, 50%, 25%', '200, 100%, 50%', 0.5) // -> '280 75% 37.5%'

Usage

NPM

lerp(str1, str2, alpha)

Lerps between str1 and str2 based on the given alpha (typically 0.0 to 1.0), returning a new string with interpolated values and their units. Numbers and units are expected to be tightly packed (e.g. 50px).

License

MIT, see LICENSE.md for details.

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.1
    0
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.0.1
    0
  • 1.0.0
    0

Package Sidebar

Install

npm i lerp-css-string

Weekly Downloads

0

Version

1.0.1

License

MIT

Last publish

Collaborators

  • mattdesl