You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We're going to use [Animate.css](https://daneden.github.io/animate.css/) and [ScrollMagic](http://scrollmagic.io) to add some *magical scroll interactions* to our [previous demo](../01#workshop).
Here's [all the code for the finished thing](../../resources/scroll-magic).
60
60
61
61
### Step by step
62
62
63
-
1.[ ][Download the zip]() containing all the files.
63
+
1.[Download the zip](../../resources/week-3-package.zip) containing all the files.
64
64
* Open `index.html`.
65
65
66
66
Notice in the `head` we're loading a bunch of CSS files (eg: `<link href="css/style.css" rel="stylesheet">`) and JS files (eg: `<script src="js/lib/jquery.min.js"></script>`).
67
67
68
68
* **CSS** gives us the style.
69
69
70
70
* **JS** gives us the fancy logic (eg: `when this scrolls past that, flip it`).
71
-
72
71
* Open `css/style.css` and find the following code:
0 commit comments