動画検索
関連広告
検索結果
Introduction
Drawing a Topbar
Creating a Stack
Creating a Component
Creating a Text Style
Creating a Link
Adding a Video
Adding a Hover State
Adding Breakpoints (Responsive Workflow)
Turning Pages into Stacks
Adding a Content Wrapper with Max Width
Adding an Overlay
Adding Appear Effects
Customizing the Overlay
Adding Page Links to the Topbar
Introduction
Resume Website Example
The Primary / Desktop Breakpoint
Adding a New Breakpoint
Breakpoint Inheritance
Breakpoint Overrides
Reset Overrides and Update Primary Actions
Previewing the Tablet Breakpoint
Breakpoint Workflow Overview
Adding a Wrapping Frame
Adding a Phone Breakpoint
Converting our Wrapping Frame to a Stack
Structuring our Layout (Grouping)
Fixing the Phone Breakpoint Layout
Fixing the Content Centering
Tweaking the Tablet Breakpoint Size
Accounting for Smaller Displays
Alternative Approach: Auto-Sizing Page
Introduction
Setting up the initial layout; option to access finished working file.
Creating a frame with specific dimensions and properties.
Designing a text field titled "scroll animation".
Adding an image frame with certain effects.
Creating the scroll container and setting it up.
Introducing the text container and modifying text fields within.
Adjusting the layout and direction of the text containers.
Finalizing the look of the text fields.
Adding and arranging icons within a frame.
Creating a component with variants, changing icon positions.
Adjusting component settings and alignments within scroll container.
Applying color adjustments and ensuring layout properties.
Beginning animation: introducing the scroll speed animation.
Introducing scroll animations for text fields.
Setting up scroll animations for specific sections.
Introducing the scroll transform for dynamic growth effect on text.
Introducing the scroll variants to swap component variants while scrolling.