TIMERshare Docs | FREE ONLINE TIMER
ℹ️ FAQ↩️ Return to Home
English
English
  • Getting Started with TIMERshare
  • Quick Start
    • Create a Timer
      • Create a Stage
      • Edit the Timer
      • Add or Edit Sections
    • Customize
      • Manage Remaining Time
        • Edit Progress Bar
        • Set Flash
        • Set Chime Sound
      • Edit Layout
    • Share the Timer
      • Get a Share Link
      • Manage Connected Devices
    • Other Settings and Operations
      • Perform Flash or Blackout at Any Time
      • Exclude Specific Sections from Stage Progress
      • Adjust Ongoing Timer Duration
      • Auto-Start Timers
      • Rename Connected Devices
      • Operations Using URL Parameters (List)
        • Specify Default Connected Device Name
        • Separate Timer, Title, and Progress Bar on the Viewer Screen
        • Hide Buttons on the Viewer Screen
        • Set Viewer Screen Background to Transparent
        • Flip Viewer Screen
      • Flip Viewer Screen
      • Change Time Zone
      • Use Gradient for Background
  • Use Cases
    • Self-Tasks
    • Meetings
    • Presentations
    • Events
    • Live Streams
    • Webinars
    • Academic Presentations
    • Online Classes & Education
    • Pair/Mob Programming
  • Integration
    • Live Streaming Tools
      • OBS Studio
      • Xsplit Broadcaster
    • Online Meeting Tools
      • Zoom
      • Microsoft Teams
      • Webex Meetings
      • Google Meet
      • Skype
      • Whereby meetings
  • Reference
    • About the operation screen
      • controller
      • viewer
    • List of Access Permissions
  • Resources
    • Usage Limits and Restrictions
    • System Requirements
    • Release Notes
    • FAQ
    • Terms of Service
    • Privacy Policy
    • Cookie Policy
    • Maintenance information
  • ↩️ Return to Home
Powered by GitBook
On this page
  • Enable Gradient
  • Set Animation Half-Cycle Time
  • Disable Animation
  • Element Settings
  • Random Settings
  • Customize Individual Elements

Was this helpful?

  1. Quick Start
  2. Other Settings and Operations

Use Gradient for Background

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

PreviousChange Time ZoneNextSelf-Tasks

Last updated 6 months ago

Was this helpful?

The gradient feature is experimental, with some style limitations.

Since gradient rendering can be resource-intensive, it may cause slower performance depending on the device's capability. If you experience lag, consider or not using gradients.


Enable Gradient

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


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.

Setting a shorter cycle time (other than 0 seconds) can increase the rendering load for gradient effects.


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.

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.

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.

Please refer to this for instructions on .

disabling animations
how to open the timer layout settings screen
Gradient Background
Activate Gradient Feature
Observe Animation Movement
Random Generate Gradient
Customize Individual Elements
グラデーション機能を有効化
背景色にグラデーションを使用
個別エレメントのカスタマイズ
グラデーションのランダム生成
アニメーションの動きを確認