Jump to content

Human Interface Guidelines/The Sugar Interface/Rollovers: Difference between revisions

From Sugar Labs
Newer edit →
Eben (talk | contribs)
87 edits
No edit summary
 
Eben (talk | contribs)
87 edits
No edit summary
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|prev_link=The Sugar Interface/Text and Fonts|prev=Text and Fonts|next_link=The Sugar Interface/Controls|next=Controls}}
{{hig-subnav-intra|p_page=Text and Fonts|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
 


===Rollovers===
===Rollovers===
Line 38: Line 37:




{{hig-subnav|prev_link=The Sugar Interface/Text and Fonts|prev=Text and Fonts|next_link=The Sugar Interface/Controls|next=Controls}}
{{hig-subnav-intra|p_page=Text and Fonts|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}

Revision as of 16:08, 6 December 2006

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

Retrieved from "https://wiki.sugarlabs.org/index.php?title=Human_Interface_Guidelines/The_Sugar_Interface/Rollovers&oldid=16892"