gradients.md

Gradients

Sharp.UI provides a way to create visual effects using gradient brushes in curly braces. There are two defined types of gradient brushes:

• LinearGradientBrush
• RadialGradientBrush.

Example

Here is an example of a Border element with a LinearGradientBrush as its background. The gradient effect goes from the top-left corner to the bottom-right corner.

new Border
{
    ...
}
.Background(new LinearGradientBrush(new Point(0,0), new Point(1,1))
{
    new GradientStop(Colors.Yellow, 0.0),
    new GradientStop(Colors.Red, 0.25),
    new GradientStop(Colors.Blue, 0.75),
    new GradientStop(Colors.LimeGreen, 1.0)
})