Position Absolute 講解 | Figma 教學
今天這集來講解 Position Absolute (Absolute position). 利用 Position Absolute, 我們可以把物件脫離Auto-layout 的限制關係, 達到自由擺放物件的可能性.
"position: absolute" 是一個常見的 CSS 物件擺放的編程方式. Figma 的 Auto-layout 所建造的物件, 是像 "position: relative" 的概念.
Figma 設計檔: https://www.figma.com/file/zCsyUowBbaXncmKrCpKyPv/Figma-Tutorial%3A-Position-Absolute?node-id=0%3A1
0:00 影片主題
0:14 範例 UI 設計
2:42 Auto-layout 和 Absolute position 範例
5:23 對比 Absolute position 製作
6:46 "Inspect" 查看Absolute position效果的CSS
9:17 使用建議
9:35 結尾
我的Behance: https://www.behance.net/alanhdesign
追蹤我的IG: https://www.instagram.com/alandesigntw/
#PositionAbsolute #AbsolutePositionFigma #figma教學 #脫離AutoLayout #PositionAbsolute教學
"position: absolute" 是一個常見的 CSS 物件擺放的編程方式. Figma 的 Auto-layout 所建造的物件, 是像 "position: relative" 的概念.
Figma 設計檔: https://www.figma.com/file/zCsyUowBbaXncmKrCpKyPv/Figma-Tutorial%3A-Position-Absolute?node-id=0%3A1
0:00 影片主題
0:14 範例 UI 設計
2:42 Auto-layout 和 Absolute position 範例
5:23 對比 Absolute position 製作
6:46 "Inspect" 查看Absolute position效果的CSS
9:17 使用建議
9:35 結尾
我的Behance: https://www.behance.net/alanhdesign
追蹤我的IG: https://www.instagram.com/alandesigntw/
#PositionAbsolute #AbsolutePositionFigma #figma教學 #脫離AutoLayout #PositionAbsolute教學