Canvas Mode - Bonus Tutorial.

Block Positioning

With Canvas mode, you can adjust the block position at any screen size as you design.

Example in a Design

The following design is created by simply adjusting each block's position. The result is a layout that dynamically adjusts according to the screen sizes.

Steady vs Non-Steady Block

By default, each block dropped onto a page is a steady block, maintaining its width consistently at any screen size. However, a block can also be converted into a non-steady block that resizes according to screen sizes.

Example of Non-Steady Block in Design

Without Grouping

With Grouping

Grouping blocks ensures that each block's position is consistent relative to the others.

Using Animation Presets

Animation presets provide a quick and easy way to add dynamic effects to your design elements. These pre-configured animations can be applied to blocks with just a few clicks, saving time and effort in the design process.

Using Scroll-Triggered Animation

Scroll-triggered animations add an interactive element to your design, bringing content to life as users scroll through the page. This technique can create engaging and memorable user experiences by revealing content in a dynamic way.

Using Timeline Editor

The Timeline Editor offers precise control over your animations, allowing you to create complex, multi-step animations with custom timing and easing. This powerful tool enables designers to craft unique and sophisticated animated sequences.

Optizord Ai & Tech

Kottiyam, Kollam, Kerala, India
P: (91) 

© Copyright 2024 Optizord Ai & Tech