ubergang.js
v0.0.3
Published
Smooth site transitions for static html pages using javascript & CSS
Downloads
8
Readme
Ubergang.js
Minimal Javascript/CSS library for simple site transitions on static HTML web pages.
See example/
dir for example usage, or browse to guidoschmidt.github.io/ubergang.js
for a (as yet) minimal example.
Usage
- Mark your outgoing links with the
ubergang
class:<a class="ubergang" href="www.awesome.link.target">Awesome Site</>
- Mark all your DOM elements, that should animate on a transition with
transition
class. (really fast nobrainer: Just tag your<body>...</body>
element)<body class="transition"> <h1>Awesome Site Title</h1> <nav> ... </nav> ... </body>
- Adjust your Stylesheets with propper animations (More on that coming soon)