Gradient

Linear Gradient

This shadow is a filter parameter. The values represent:

• Linear Angle (180deg by default)
• Color 1
• Color 2
• Additional Colors...

.linearGradient {
    background-image: 
    linear-gradient(#894BC8, #2CABB1);
}

.linearGradient45deg {
    background-image: 
    linear-gradient(45deg, #894BC8, #2CABB1);
}

Color Hints

You can control the cutoff location of colors using color hints.

.linearGradient45deg {
    background-image: 
    linear-gradient(45deg, #894BC8, 25%, #2CABB1);
}

Radial Gradients

Radial gradients dont look amazing out of the box, but they can be used to make some interesting lighting effects when used with shadows.

.radialGradient{
    background-image: 
    radial-gradient(#894BC8, #2CABB1);
}