Difference between revisions of "Human Interface Guidelines/The Sugar Interface/Rollovers"

From Sugar Labs
Jump to navigation Jump to search
Line 1: Line 1:
 
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
 
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
{{hig-subnav-intra|p_page=Text and Fonts|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
+
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
  
 
===Rollovers===
 
===Rollovers===
Line 35: Line 35:
  
  
{{hig-subnav-intra|p_page=Text and Fonts|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
+
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}

Revision as of 16:18, 9 April 2007

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 Palettes