I am trying to get my sticky header to have a transition effect so it eases in rather than just a snap movement.

I am trying to get my sticky header to have a transition effect so it eases in rather than just a snap movement.

I am trying to get my sticky header to have a transition effect so it eases in rather than just a snap movement.

I am trying to get my sticky header to have a transition effect so it eases in rather than just a snap movement.

I am trying to get my sticky header to have a transition effect so it eases in rather than just a snap movement.

I have a simple css grid with X grid-items. The number of grid-items can be variable, their sizes can also vary. I need to create a simple expander, so only certain number of rows is going to be visible at first, but after button click event it is going to expand to full height and show all columns.