vossodocs
Open studio
  • Overview
  • With your agent
  • What is vosso
  • Make your first video
  • Keyboard shortcuts

Studio

    • Install the recorder
    • Record a tab
    • Record a window or the screen
    • Webcam and microphone
    • Tab and system audio
    • Take a screenshot
    • Record without the extension
    • Bring a video file
    • Record with the CLI
    • Zooms
    • Adjust a zoom
    • Add and delete zooms
    • Camera styles
    • Follow the cursor
    • Tilt
    • Cursor and clicks
    • Trim and split
    • Speed
    • Freeze
    • Range chips
    • Add footage and transitions
    • Text
    • Media
    • Reuse a fileNew
    • HTML layers
    • Live layers
    • Soundtrack
    • Voice and levels
    • Backdrop
    • Card and frame
    • Webcam
    • History
    • Save and autosave
    • Projects and recipes
    • FilesNew
    • Export a video
    • The program itself
    • Publish
    • The watch page
    • Embed a vos
    • Remix and duplicate
    • Every release

Agents and code

    • The agent contract
    • Install the skills
    • Bring a Remotion or HyperFrames video
    • Push and pull
    • Versions and conflicts
    • Folders and recipes
    • Credentials
  • Start

    • Install and log in
    • The take directory

    Reference

    • Verbs
    • actions.json
    • doc.json
    • HTML layers
  • Programs

    • Overview and auth
    • Config format
    • Voses and versions

    Catalogs

    • Fonts
    • Music and SFX
    • 3D typefaces
    • Backdrops
    • Limits
Back to vos.so

Edit › Layers

Card and frame

Aspect ratio, padding, shadow, border and browser frame, and placing the card.

previous← BackdropnextWebcam →

Open Frame in the rail to set the output's shape and how the card, the footage itself, sits in it.

The Frame page with the aspect ratio tiles and paddingThe Frame page with the aspect ratio tiles and padding
  • Aspect ratio is Native, 16:9, 9:16 or 1:1; More ratios reveals 21:9, 16:10, 3:2, 4:3, 3:4, 2:3 and 10:16.
  • Padding is the space around the card, 0 to 200 px. Corner rounds it, 0 to 64 px.
  • Shadow lifts the card, with Strength and Contact 0 to 100 %.
  • Border has a Width 0.5 to 24 px, a Colour and an Opacity. Wider than the padding, it is cropped by the frame edge.
  • Browser frame, on a tab recording, is Default, Minimal or Hidden, plus Original when the take kept the browser's own chrome. Style is macOS, macOS Dark, Windows or Win Dark; a minimal bar picks a swatch. Address bar fills the pill, empty for none.

Select the card on the paused canvas for the Card panel. Drag it to place it, a corner to size it, the grip to lean it. Past the frame edge it bleeds.

  • Center puts the card back inside the frame's padding.
  • X and Y move it, ±100 %; W sizes it, 10 to 300 %.
  • Lean X and Y tilt it up to 20°, its resting pose.
  • Animation is In (Tilt in, Pull out, Rise, Fade, Slide or None) and Out (Recede, Fade or None).

Several media share one frame, each with its own card, see Add footage and transitions.