an animated GitHub ribbon
Switch branches/tags
Nothing to show
Clone or download
Latest commit f0657a5 Nov 29, 2017
Permalink
Failed to load latest commit information.
css whitespace cleanup, rework overflow #4 Oct 6, 2013
js dispatch event when opening/cosing forkit Oct 6, 2013
LICENSE https Nov 29, 2017
README.md https Nov 29, 2017
index.html https Nov 29, 2017

README.md

forkit.js

An experimental animated ribbon which reveals a curtain of additional content.

Curious about how this looks in action? Check out the demo page.

Events

Open/close events are dispatched from the main .forkit element:

document.querySelector( '.forkit' ).addEventListener( 'forkit-open', function() {
  // fired when the curtain is pulled down
} );

document.querySelector( '.forkit' ).addEventListener( 'forkit-close', function() {
  // fired when the curtain retracts
} );

License

MIT licensed

Copyright (C) 2017 Hakim El Hattab, http://hakim.se