Gradients

Gradient is a smooth transition between 2 colors. Use gradients to apply 3D look to the background.

Select an item and choose Item > Background. Choose Gradient option, select 2 colors, length and direction of the gradient.

The default length of the gradient is 100 pixels.

To apply gradient to browser background choose Website > Surface

Gradient examples

The following web page contains 2 gradients in browser background and group background:

  1. Gradient in browser background, length 300 pixels, starts from top
  2. Top gradient color - dark blue
  3. Intermediate gradient color, something between dark blue and light blue
  4. Browser background color fills area outside gradient range
  5. Group with own gray background
  6. Gradient in group background, length 100 pixels, starts from bottom
  7. Bottom gradient color, dark grey
  8. Intermediate gradient color, something between dark grey and black
  9. Group background color, black, fills area outside gradient range