Using Element Frames/Masks
You can create a frame/mask with different shapes on images and videos in your Biteable project.
Using Frames / Masks
This guide will teach you how to add and adjust image/video frames in Biteable.
Step 1
Select the image or video to see the properties/options for the element.
Step 2
Click Add or Edit frame.
Step 3
The Adjust frame modal will open showing you options to apply a frame and set the frame background color.
Step 4
Resize the image to fit in the frame and drag the image to adjust the position.
Step 5
After you save the frame, it will be applied to your element. You can also make adjustments or remove the frame.
Step 6
You can adjust the color of the frame background (works best on transparent background png, webm, or avatars with transparent backgrounds).
Step 7
Saving a background change will apply your background color to the image frame/mask.
Total Steps: 7
Steps generated by StepHopper - Create interactive step-by-step guides
Updated on: 07/10/2025
Thank you!