Exploring in this module:
- Establish a child perspective
- Adjust the z-position of child elements
- Modify along the z-axis
- Polish transitions for coherence
Establish a child perspective
In the Style section, define the Children Perspective (e.g., about 1000 pixels).
Adjust the z-position of child elements
- Select the element under consideration
- In the Style section, expand Transforms by clicking the plus sign and fine-tune the z-position
Modify along the z-axis
- Select the element under consideration
- In the Style section, expand Transforms using the plus sign
- Access the Scale option and adjust the z-axis (if too minimal, the element may vanish)
- Click on the menu atop beside States
- Select Hover
- Within Transforms, adjust the scale back to its initial value (e.g., 1)
Polish transitions for coherence
- In the Style section, click the clock icon under Transitions & Transforms
- Opt for Transform from the menu
- Choose a duration exceeding 200 MS
Evaluate your progress in the preview.
Latest posts by Ewan Mak (see all)
- Include or eliminate Workspace spots and members - April 15, 2024
- Centering box summary - April 15, 2024
- Store a site for future reference - April 15, 2024