# Scene Properties
When nothing is selected on the canvas, the Property Panel shows **Scene Properties**. These settings define the global structure of your animation—its dimensions, timing, and visual baseline.

<img src="https://assets.docs.lottiefiles.com/static/b47872474f-640.webp" srcSet="https://assets.docs.lottiefiles.com/static/b47872474f-640.webp 640w, https://assets.docs.lottiefiles.com/static/b47872474f-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/b47872474f-1920.webp 1920w" alt="Scene Properties Panel" width="2560" height="1920" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAACXBIWXMAACxLAAAsSwGlPZapAAAAk0lEQVR4nFXNXQuCMBgFYP9GX2hbZUhBH2BZkVOJBcvZTYxaV4Lt//8BT2wQ2OV7zsN5PaHqtnw2yEuFQyEQM47s9oB8NbCdJ1SNShvEKUcwi9D3KVYJw/1tLIADUn+wz64g8wXoco3NMUfVBfawYc8nGNLQLfwBqQ12jGMcRhgEE2xPhXv7A60FyfmCEZm6lQ5ov947VyptyilYAAAAAElFTkSuQmCC" />

## Scene Size

Controls the width and height of the entire scene:

<List type="bullet">
  <ListItem>**Width** (px)</ListItem>
  <ListItem>**Height** (px)</ListItem>
</List>

Changing these values updates the scene bounds and affects layout for all layers.

## Background Color

Sets the **scene background**, visible in the editor and included in exports unless exported with transparency.

<List type="bullet">
  <ListItem>Choose via color picker</ListItem>
  <ListItem>Enter HEX, RGB, or HSL</ListItem>
  <ListItem>Opacity supported</ListItem>
</List>

If you need transparency, set **background to Transparent**.

## Duration & FPS

### **Duration**

Total animation length.

<List type="bullet">
  <ListItem>Specify in **seconds** or **frames**</ListItem>
  <ListItem>Changing duration expands or trims the timeline</ListItem>
</List>

### **FPS (Frames Per Second)**

Controls smoothness and keyframe timing.

Common values:

<List type="bullet">
  <ListItem>**30 FPS** (default)</ListItem>
  <ListItem>**60 FPS** (high performance animations)</ListItem>
  <ListItem>**24 FPS** (cinematic/illustrative)</ListItem>
</List>

## Bounding Box Behavior (Scene-Level)

Controls how snapping, alignment, and distribution tools interpret your scene bounds.

<List type="bullet">
  <ListItem>Scene bounding box always equals **scene size**</ListItem>
  <ListItem>Alignment tools use scene bounds when multiple layers are selected</ListItem>
  <ListItem>Does not change based on content inside the scene</ListItem>
</List>