Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

PoshWeb/Gradient

Open more actions menu

Gradient

CSS Gradient Generator

CSS Gradients are pretty great.

Their syntax is pretty flexible, but can require a commanding knowledge of CSS and comma placement.

This PowerShell module tries to simplify things a bit.

Installing and Importing

You can install Gradient from the PowerShell Gallery

Install-Module Gradient

Once installed, you can import Gradient with Import-Module

Import-Module Gradient -PassThru

Cloning and Importing

You can also install this module by cloning the repository and importing it

git clone https://github.com/PowerShellWeb/Gradient
Import-Module ./Gradient -PassThru

Generating gradients

Gradients are really easy to generate:

Let's make a red green blue radial gradient

gradient red green blue

This will give us back a Gradient object.

It has our .input and also has a .css property that contains the gradient as CSS

(gradient red green blue).CSS

Gradients can get pretty cool. For some inspiration, check out the MDN topic on using gradients

To get a full sense of what we can do with Gradient, feel free to check out my page of gradient experiments.

Morty Proxy This is a proxified and sanitized view of the page, visit original site.