| | | 001 Welcome.mp4 | 28.86 MB |
| | | 013 Timing functions and easing.mp4 | 18.64 MB |
| | | 017 Animate an element into place.mp4 | 17.77 MB |
| | | 027 Animate SVG with CSS.mp4 | 17.28 MB |
| | | 022 Chain multiple animations.mp4 | 15.08 MB |
| | | 019 Animate 3D transforms.mp4 | 14.5 MB |
| | | 010 Animation basics.mp4 | 13.83 MB |
| | | 026 Export SVG from Illustrator.mp4 | 13.29 MB |
| | | 016 Infinitely looping animation.mp4 | 13.07 MB |
| | | 028 When to use CSS animations.mp4 | 12.42 MB |
| | | 011 Use animation-delay and animation-fill-mode.mp4 | 11.39 MB |
| | | 029 High-performance animations.mp4 | 11.38 MB |
| | | 021 Animate sprite images with steps.mp4 | 10.99 MB |
| | | 018 Pause and play with animation-play-state.mp4 | 10.85 MB |
| | | 006 Simple 3D transforms.mp4 | 10.72 MB |
| | | 005 CSS transform basics.mp4 | 9.95 MB |
| | | 007 CSS transitions.mp4 | 9.84 MB |
| | | 020 Prepare an image to use as a sprite.mp4 | 9.7 MB |
| | | 012 Use animation-direction.mp4 | 9.59 MB |
| | | 025 Prepare an SVG for animation.mp4 | 9.46 MB |
| | | 032 Using browsers animation inspection tools.mp4 | 9.21 MB |
| | | 031 Helpful online tools for animations.mp4 | 9.02 MB |
| | | 030 Code organization and fallbacks.mp4 | 7.97 MB |
| | | 003 Vendor prefixes and browser support.mp4 | 5.12 MB |
| | | 024 Solution Adding a third animation to the chain.mp4 | 3.62 MB |
| | | 015 Solution Adding keyframes to our animation.mp4 | 2.43 MB |
| | | 002 What you should know before watching this course.mp4 | 2.42 MB |
| | | 009 Solution Adding a transition.mp4 | 2.38 MB |
| | | 023 Challenge Adding a third animation to the chain.mp4 | 1.78 MB |
| | | 033 Next steps.mp4 | 1.75 MB |
| | | walker_frames.psd | 3.23 MB |
| | | walker_frames.png | 842.28 KB |
| | | twitter_fav_star_animation.png | 15.35 KB |
| | | twitter_like_heart_animation.png | 11.42 KB |
| | | Walker_01.png | 75.68 KB |
| | | Walker_02.png | 74.89 KB |
| | | walker_06.png | 74.82 KB |
| | | walker_07.png | 74.51 KB |
| | | walker_08.png | 74.39 KB |
| | | Walker_03.png | 74.24 KB |
| | | walker_010.png | 74.15 KB |
| | | walker_09.png | 73.85 KB |
| | | walker_05.png | 73.08 KB |
| | | Walker_04.png | 72.47 KB |
| | | walker_frames.png | 842.28 KB |
| | | styles.css | 275 bytes |
| | | Walker.html | 171 bytes |
| | | walker_frames.png | 842.28 KB |
| | | Walker.html | 171 bytes |
| | | styles.css | 140 bytes |
| | | sky.jpg | 192.81 KB |
| | | front_cloud.png | 12.37 KB |
| | | back_cloud.png | 3.63 KB |
| | | styles.css | 671 bytes |
| | | clouds.html | 243 bytes |
| | | sky.jpg | 192.81 KB |
| | | front_cloud.png | 12.37 KB |
| | | back_cloud.png | 3.63 KB |
| | | styles.css | 474 bytes |
| | | clouds.html | 243 bytes |
| | | sticker.png | 4.92 KB |
| | | styles.css | 611 bytes |
| | | index.html | 443 bytes |
| | | sticker.png | 4.92 KB |
| | | index.html | 443 bytes |
| | | styles.css | 434 bytes |
| | | pink_robot.svg | 4.1 KB |
| | | styles.css | 2.01 KB |
| | | index.html | 640 bytes |
| | | pink_robot.svg | 4.1 KB |
| | | styles.css | 1.53 KB |
| | | index.html | 640 bytes |
| | | styles.css | 2.57 KB |
| | | index.html | 478 bytes |
| | | styles.css | 1.7 KB |
| | | index.html | 478 bytes |
| | | styles.css | 1.12 KB |
| | | index.html | 478 bytes |
| | | styles.css | 1.11 KB |
| | | index.html | 478 bytes |
| | | styles.css | 531 bytes |
| | | index.html | 478 bytes |
| | | battery_example_final.ai | 1.53 MB |
| | | battery.svg | 717 bytes |
| | | optimised.svg | 434 bytes |
| | | battery_example.ai | 1.53 MB |
| | | text examples.svg | 5.46 KB |
| | | noun_2597_cc.svg | 2.78 KB |
| | | Sliders.svg | 1.55 KB |
| | | noun_136280_cc.svg | 1.44 KB |
| | | index.html | 587 bytes |
| | | styles.css | 303 bytes |
| | | index.html | 587 bytes |
| | | styles.css | 44 bytes |
| | | London.jpg | 121.3 KB |
| | | photo.html | 233 bytes |
| | | styles.css | 195 bytes |
| | | London.jpg | 121.3 KB |
| | | photo.html | 233 bytes |
| | | styles.css | 124 bytes |
| | | blue_robot.svg | 3.55 KB |
| | | robot.html | 257 bytes |
| | | styles.css | 227 bytes |
| | | blue_robot.svg | 3.55 KB |
| | | robot.html | 257 bytes |
| | | styles.css | 158 bytes |
| | | styles.css | 803 bytes |
| | | purple_diag_background.svg | 788 bytes |
| | | button_transition.html | 287 bytes |
| | | purple_diag_background.svg | 788 bytes |
| | | styles.css | 704 bytes |
| | | button_transition.html | 287 bytes |
| | | background.png | 107.53 KB |
| | | tall_robot.svg | 4.38 KB |
| | | styles.css | 459 bytes |
| | | robot.html | 252 bytes |
| | | background.png | 107.53 KB |
| | | tall_robot.svg | 4.38 KB |
| | | styles.css | 407 bytes |
| | | robot.html | 252 bytes |
| | | BALL.png | 11.72 KB |
| | | styles.css | 436 bytes |
| | | BALL.html | 222 bytes |
| | | BALL.png | 11.72 KB |
| | | styles.css | 407 bytes |
| | | BALL.html | 222 bytes |
| | | background.png | 107.53 KB |
| | | tall_robot.svg | 4.38 KB |
| | | styles.css | 485 bytes |
| | | robot.html | 252 bytes |
| | | background.png | 107.53 KB |
| | | tall_robot.svg | 4.38 KB |
| | | styles.css | 445 bytes |
| | | robot.html | 252 bytes |
| | | background.png | 107.53 KB |
| | | tall_robot.svg | 4.38 KB |
| | | styles.css | 606 bytes |
| | | robot.html | 252 bytes |
| | | background.png | 107.53 KB |
| | | tall_robot.svg | 4.38 KB |
| | | styles.css | 445 bytes |
| | | robot.html | 252 bytes |
| | | background.png | 107.53 KB |
| | | tall_robot.svg | 4.38 KB |
| | | styles.css | 467 bytes |
| | | robot.html | 252 bytes |
| | | background.png | 107.53 KB |
| | | tall_robot.svg | 4.38 KB |
| | | styles.css | 445 bytes |
| | | robot.html | 252 bytes |
| | | background.png | 107.53 KB |
| | | tall_robot.svg | 4.38 KB |
| | | styles.css | 407 bytes |
| | | robot.html | 252 bytes |
| | | background.png | 107.53 KB |
| | | tall_robot.svg | 4.38 KB |
| | | robot.html | 252 bytes |
| | | styles.css | 201 bytes |