Use Gradient for Background

Achieve a more appealing look by using a gradient as the timer background.

背景色にグラデーションを使用
Gradient Background

Enable Gradient

Please refer to this for instructions on how to open the timer layout settings screen.

To activate the gradient feature, check 'Use Gradient' in the Background settings.

グラデーション機能を有効化
Activate Gradient Feature

Set Animation Half-Cycle Time

Move the time cursor below the gradient preview to observe the animation's movement.

You can set the animation's half-cycle time from the bottom right of the cursor. The default is 300 seconds.

アニメーションの動きを確認
Observe Animation Movement

Disable Animation

Set the half-cycle time to 0 seconds to disable the animation.


Element Settings

The gradient is represented by three circular elements.

Random Settings

Click 'Random Generate' at the bottom right of the gradient preview to create a random gradient.

グラデーションのランダム生成
Random Generate Gradient

Customize Individual Elements

You can individually customize each element's 'Color,' 'Position (x, y),' and 'Gradient Start and End Positions (s, e)' at three points: start, middle, and end of the half-cycle time.

個別エレメントのカスタマイズ
Customize Individual Elements

Position Settings

  • x-coordinate: 0% at the left edge, 100% at the right edge of the screen.

  • y-coordinate: 0% at the top edge, 100% at the bottom edge of the screen.

Gradient Start and End Positions

The gradient uses the original color up to the start position(※) and transitions to transparent at the end position(※). ※ The percentage (%) is calculated based on the distance from the element’s center to the farthest edge of the screen.

Last updated

Was this helpful?