# Change Height With Easing

The **Change Height With Easing** instruction allows you to smoothly adjust the **height** of a **UI element** over time using easing.\
This is perfect for creating dynamic UI effects, such as expanding or collapsing panels.

#### Inside the Instruction

**Rect Transform**\
The **Rect Transform** component whose height will be modified.

**Height**\
The **target height value** that the Rect Transform will reach by the end of the transition.

**Duration**\
The **time in seconds** it takes to smoothly change from the current height to the target height.

**Easing**\
Specifies the **easing curve** used for the transition, controlling how the height change accelerates and decelerates.\
You can choose from easing types such as **Linear**, **Ease In**, **Ease Out**, or **Ease In-Out** for different animation styles.