<!DOCTYPE html5> <head>

 <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:600,300" rel="stylesheet" type="text/css"/>
 <link rel="stylesheet" type="text/css" href="demo.css"/>
 <link rel="stylesheet" type="text/css" href="../loaders.css"/>

</head> <body>

 <main>
   <header>

Loaders.css

Delightful and performance-focused pure css loading animations.

<a href="https://github.com/ConnorAtherton/loaders.css" class="btn right">View on Github</a>

   </header>

 </main>
 <script>
   document.addEventListener('DOMContentLoaded', function () {
     document.querySelector('main').className += 'loaded';
   });
 </script>

Meetups/NCTU Formosa/try

Loaders.css

Delightful and performance-focused pure css loading animations.