Skip to content
This repository was archived by the owner on Apr 20, 2019. It is now read-only.
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -162,12 +162,11 @@ registerAnimator('animation-with-local-state', class {

# Examples

**TODO**: Add gifs that visualize these effects

## Hidey Bar
An example of header effect where a header is moved with scroll and as soon as finger is lifted
it animates fully to close or open position depending on its current position.

![Hidey bar demo](img/hidey-bar-demo.gif)

``` html
<div id='scrollingContainer'>
Expand Down Expand Up @@ -241,6 +240,8 @@ registerAnimator('hidey-bar', class {
An example of twitter profile header effect where two elements (avatar, and header) are updated in
sync with scroll offset.

![Twitter header demo](img/twitter-header-demo.gif)

```html

<div id='scrollingContainer'>
Expand Down
Binary file added img/hidey-bar-demo.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/twitter-header-demo.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.