In this tutorial, we create revealing content overlays with CSS3 transitions, allowing us to minimise content clutter and provide a neat user experience.
Imagine your company offered a bunch of different services, and on your website’s services section, they were listed. Each service had its own description, but you didn’t want to occupy a whole lot of page real estate. You present a bunch of attractive links or buttons instead, prompting and allowing users to click on the links to view more. Each service might not warrant a whole new page, so instead, we reveal content overlays with CSS3 transitions. They animate into view above the page, and can be closed off easily without ever having to traverse different pages.