Using Frames / Masks

This guide will teach you how to add and adjust image/video frames in Biteable.
Steps: 7
StepHopper
1

Select the image or video to see the properties/options for the element.

2

Click Add or Edit frame.

3

The Adjust frame modal will open showing you options to apply a frame and set the frame background color.

4

Resize the image to fit in the frame and drag the image to adjust the position.

5

After you save the frame, it will be applied to your element. You can also make adjustments or remove the frame.

6

You can adjust the color of the frame background (works best on transparent background png, webm, or avatars with transparent backgrounds).

7

Saving a background change will apply your background color to the image frame/mask.

Made with

stephopper stephopper

Create interactive step-by-step guides