Have ideas to improve npm?Join in the discussion! »

    gradientify

    1.1.5 • Public • Published

    Create beautiful, animated gradients with ease.

    Ever wanted to animate a gradient background, but CSS transitions disappointed you with its unfunnily lack of this in-extremely-high-demand functionality? Worry no more!

    DEMO

    Installation

    For wizards:

    npm i gradientify
    

    For less-experienced wizards:

    <script src="https://rawcdn.githack.com/karolsw3/gradientify/7f5a74cd8380a843477b7abfa9baca2fd127013a/dist/gradientify.min.js"></script>

    Usage

    let gradientify = new Gradientify(
      '.yourClass',
      [
        "linear-gradient(60deg, rgb(255, 0, 0), rgb(0, 0, 255))", // Array of CSS gradients
        "linear-gradient(10deg, rgb(25, 123, 23), #ff22af)",
        "radial-gradient(rgb(25, 123, 223), red)"
      ],
      3000 // Fading interval in miliseconds
    )

    Install

    npm i gradientify

    DownloadsWeekly Downloads

    6

    Version

    1.1.5

    License

    MIT

    Unpacked Size

    584 kB

    Total Files

    10

    Last publish

    Collaborators

    • avatar