You can edit the Gradient property visually on the bar, allowing you to add and move stops as bar points for the Gradient.

visual-gradient-editor.jpg

Adding a Gradient Stop

You can add the Gradient Stop by clicking on the Gradient Bar.

gradient-add-move.gif

Moving a Gradient Point

You can drag to the point on the Gradient Bar to move the Gradient Point.

gradient-stop-move.png

Selecting a Gradient Stop

You can select the Gradient Stop by clicking on the point on the Gradient Bar.

gradient-stop-select.png

Copy / Paste Gradient Fill

You can copy and paste the style that contains the Gradient Fill.

copy-paste-gradient.gif

Gradient Stops

You can add, remove, and move gradient stops, adjusting their position in percentages to fine-tune the color transitions and achieve the exact gradient effect you want.

gradient-points.png

Add Gradient Stop

Click the Plus Icon in the Gradient Option Popup bar to add a new color stop, introducing another color into the gradient.

gradient-point-add.png

Move Gradient Stop

Drag the Move icon of the Stop Row to move the stop in the Gradient list; therefore, for the Gradient Background.

gradient-point-move.gif

Change Gradient Stop Position

Enter the exact position in percents of a Gradient Stop using a value in the Stop Row of the Gradient Property popup to set the color position.

gradient-point-position.png

Delete Gradient Stop

Click the Minus Icon in the Gradient Option Popup bar to delete the color stop.

gradient-point-delete.png

Gradient Types

You can choose between two Gradient Types in the Gradient Property Popup.

  • Linear – Colors blend along a straight line, and you can adjust the position.
  • Radial – Colors spread in a circular pattern from the center outward.
gradient-types.png