Animating your hero header
If you’ve ever arrived on a website and been greeted by a large image or video, and some titles on top, then you’ve encountered the “Hero Header”. It’s a popular way to introduce a website, and can be a great opportunity to help people quickly understand what it is your site does.
For many visitors it’ll be their first impression of your brand, so you’ll want to make the most of this moment to shine.
Here’s what we’ll be putting together.
See the Pen Landing page with animated foreground elements (staggered and cubic bezier and wedge).
Standing out from the rest
We can use animation to add polish to that first moment when the content appears, as well as use it to control the order in which information appears and draw the eye to what matters.
... read the whole story at cssanimation.rocks.