Human Interface Guidelines/The Sugar Interface/Rollovers

← [[Human_Interface_Guidelines/{{{p_link}}}|{{{p_label}}}]]

[[Human_Interface_Guidelines/{{{c_link}}}|{{{c_label}}}]]

[[Human_Interface_Guidelines/{{{n_link}}}|{{{n_label}}}]] →

Rollovers

Rollover Animation Phases By Time

Animation Phase	Time Offset (seconds)	Duration (seconds)
Immediate Background Change	0.0	0.1
Primary Rollover Begins Expanding	0.1	0.2
Primary Rollover Displayed	0.3	0.4
Secondary Rollover Begins Expanding	0.7	0.3
Secondary Rollover Displayed	1.0	----

Primary Rollover

Secondary Rollover

Rollovers as Contextual Menus

Rollovers as Popups

Rollovers as Pallettes

Rollovers as Contextual Controls

← [[Human_Interface_Guidelines/{{{p_link}}}|{{{p_label}}}]]

[[Human_Interface_Guidelines/{{{c_link}}}|{{{c_label}}}]]

[[Human_Interface_Guidelines/{{{n_link}}}|{{{n_label}}}]] →