Demo: Animating Height using calc-size

Instructions

  1. Click the button and observe the height animation.
  2. Check the DevTools performance panel to check for layout shifts related to the height animation.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis tincidunt est nec pharetra. Sed fermentum, diam vel euismod fermentum, lorem dolor pellentesque nisi, quis vehicula dolor erat molestie dui. Integer a vestibulum metus. Mauris ac magna mattis, faucibus sapien et, cursus quam. Fusce commodo auctor magna eu consequat. In ut arcu vitae magna interdum consequat sed sed urna. Maecenas malesuada euismod condimentum. Cras erat neque, accumsan non sem ac, bibendum imperdiet quam. Sed tincidunt non leo venenatis ornare. Vivamus eu sapien a nulla auctor eleifend ac at justo. Vivamus ullamcorper varius lacus, eget auctor ante ultricies vitae. Quisque nec semper ligula.

Hello World!

Hello World!