Overshoot free collection
=========================

Two files. No build step, no npm, no framework.

1. Copy overshoot.js and overshoot.css into your project.

2. Link them once per page, in the head or before </body>:

   <link rel="stylesheet" href="overshoot.css">
   <script src="overshoot.js" defer></script>

3. Mark any element with the effect you want:

   <div data-os="fluid" data-os-autostir style="height:340px"></div>
   <h1  data-os="repel">DODGE ME</h1>
   <div data-os="cloth" style="height:360px"></div>

Options are plain data-os-* attributes. Retheme everything by overriding
--os-accent in your own CSS.

Every effect degrades to a static, readable state when the visitor has
asked their system to reduce motion.

Full list and live demos: https://overshoot.uk
Licence: see LICENSE.txt
