Tooltip Fade (工具提示淡入)

浮動選單從觸發按鈕所在的位置一邊放大一邊淡入。

在[套用位置]加入「彈出選單展開」(Popover / Dropdown Open) 動畫，也叫 menu pop 或 dropdown scale-fade。
選單從觸發按鈕旁的角落一邊微微放大一邊淡入，要快速、俐落；關閉時淡出得稍快一些。
讓選單始終貼著觸發按鈕，按 Escape 或點擊外部即可關閉，並在觸發按鈕上向螢幕閱讀器標示展開狀態。

懸停時，元素一側出現一個對話泡泡的小三角。

在[套用位置]加入「對話泡泡」(Speech Bubble) 懸停效果，也叫泡泡 (bubble)。
一個小三角尾巴從元素一側的後方滑出，讓元素變成對話泡泡的形狀，游標移開後再滑回去：快速而流暢。
尾巴要和元素同色，看起來是一個整體，鍵盤焦點時也呈現同樣的效果。

簡短訊息從螢幕邊緣滑入或淡入，停留片刻後離開；堆疊的通知會移動讓出位置。

在[套用位置]加入「快顯通知滑入」(Toast Slide-In)，也叫 snackbar 或 toast notification。
每則訊息從螢幕邊緣向上滑入並淡入，平順減速；有新通知出現時，已顯示的通知要平順移動讓出位置。
在不搶走焦點的前提下把訊息朗讀給螢幕閱讀器，顯示時間要足夠閱讀，滑鼠移上去或取得焦點時暫停自動關閉。

切換標題時，內容面板平順地展開到完整高度，或收合到零。

在[套用位置]加入「手風琴展開收合」(Accordion Expand-Collapse) 效果，也叫摺疊面板 (collapse) 或展開區 (disclosure)。
點擊標題時，面板平順地展開到內容的完整高度，再點一次就完全收合，標題上的箭頭也跟著旋轉：快速、流暢，不要回彈。
依內容的實際高度做動畫，不要寫死一個估計值；標題要用真正的按鈕並標示展開狀態，而且要能用鍵盤操作。

一層半透明的深色遮罩在浮層後方淡入，讓頁面變暗。

在[套用位置]加入「背景遮罩淡入」(Backdrop Scrim Fade)，也叫浮層淡入 (overlay fade) 或遮罩 (scrim)。
浮層開啟時，一層半透明的深色遮罩在後方頁面上柔和地淡入，比浮層本身稍慢一點；關閉時再淡出。
不論淺色或深色主題，遮罩都維持深色；遮罩顯示期間，後方頁面不能捲動，也不能接收點擊。

面板從底部邊緣向上滑出，通常可以拖曳，並吸附到幾個固定高度。

在[套用位置]加入「底部面板上滑」(Bottom Sheet Slide-Up)，也叫底部抽屜 (bottom drawer) 或面板 (sheet)。
面板從底部邊緣向上滑出，同時後方頁面變暗，平順減速停到定位，不要回彈。
每次開啟面板都播放一次，關閉時再滑回下方；面板開啟期間，鍵盤焦點要留在面板內。