Section Resize on Scroll

Very popular effect you see on your more "presentational" type websites these days.

1.example-style {
2  display: block;
3  padding-bottom: 10px;
4}

This is really cool effect and doesn't really take much to pull this off. This one is using GSAP for the scroll animation engine but it's really easy to implement.

See the PenSection Resize on Scrollby Terence Flowers @tlflow on CodePen.

That being said, I would definitely say that this would not be worth adding the GSAP library for this one effect on a page. However, if you are using GSAP for other scrolling magic, why not throw this in!?1