What will happen when the following code is applied?

div $\{$

height: $200$px;

background$-$color: yellow;

$\}$

div:hover $\{$

height: $400$px;

transition: height $2$s ease;

$\}$

What will happen when the following code is applied?

div $\{$

height: $200$px;

background$-$color: yellow;

$\}$

div:hover $\{$

height: $400$px;

transition: height $2$s ease;

$\}$

The height of the div will transition smoothly from $200$px to $400$px over $2$ seconds when hovered.

The height of the div will remain $200$px$.$

The height of the div will change instantly to $400$px when hovered.

The background color will change when hovered.