# Simulations

**Simulations** creates interactive learning experiences where learners can practice real-world scenarios in a safe, controlled environment.&#x20;

<table><thead><tr><th width="257">Property</th><th>Description</th></tr></thead><tbody><tr><td><strong>Slide area</strong></td><td></td></tr><tr><td>Rounding</td><td>Adjust corner radius of the simulation container</td></tr><tr><td>Display border</td><td>Toggle border visibility around the simulation area (Yes/No)</td></tr><tr><td>Border color</td><td>Set the color for the outer border of the simulation area</td></tr><tr><td>Thickness</td><td>Adjust border thickness of the simulation container</td></tr><tr><td><strong>Clickable area (preview)</strong></td><td></td></tr><tr><td>Background color</td><td>Set the background color for interactive regions</td></tr><tr><td>Border color</td><td>Define the color for borders around clickable areas</td></tr><tr><td>Hover color</td><td>Set the color that appears when users hover over interactive elements</td></tr><tr><td><strong>Effects</strong></td><td></td></tr><tr><td>Slide shadow</td><td><p>Add and configure shadow effects for the simulation container:</p><ol><li>Click the "+" icon to add shadow effects.</li><li>Select from shadow styles: None, Soft, Regular, or Retro.</li></ol></td></tr><tr><td>Animation</td><td>Toggle animation effects for interactive elements</td></tr></tbody></table>
