CSS Hour Glass

CSS Loaders

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please wait.

CSS Loaders

In this tutorial we're going to create a CSS loader that looks like an hour glass pouring sand down and resetting.

The HTML
The HTML that makes up this loader will be 4 elements, with one being the wrapper element, one being used for the top triangle, one being the . . .

Upgrade to access all content on Paulund

Members unlock all tutorials and snippets

Access to all downloadable content

Access to code examples before others

Sign Up Now

Already a member? Login here

Subscribe To Newsletter

Get weekly updates to your email