animation-keyframes

<animation-keyframes> generates keyframes for performant expand/collapse animations. The technique consists in using scale transforms when animating clips, and prevent the skewing of the content by counter-scaling it. See more details here.

Some examples:

• <dropdown-menu> to overlap content on top of the trigger
• <expand-collapse> to reveal content around the trigger
• This page to generate animation keyframes

Animation keyframes editor