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 1


Step 2


Click Add or Edit frame.


Step 2


Step 3


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


Step 3


Step 4


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


Step 4


Step 5


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


Step 5


Step 6


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


Step 6


Step 7


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


Step 7




Total Steps: 7



Steps generated by StepHopper - Create interactive step-by-step guides

Updated on: 07/10/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!