Frontend Signal Studio
CSS Anchor Positioning Playground
用這個頁面快速測試 `anchor-name`、`position-anchor` 與 `anchor()` 的實際定位效果。 若你的瀏覽器不支援,頁面會顯示 fallback 樣式。
即時 CSS
這是用 CSS Anchor Positioning 定位的 Tooltip
測試重點
- 切換不同方位,觀察 tooltip 是否持續貼齊 trigger。
- 縮小視窗到手機寬度,確認版面與控制列可正常操作。
- 不支援 Anchor Positioning 時,會套用固定 fallback(下方顯示)。