[38;5;12m                                                                                                                [39m[38;2;255;187;0m[1m[4mAwesome Motion Design[0m

[38;2;255;187;0m[4mA list of links for using motion design on the Web[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mA list of links created to help everyone with the interest to learn more about animation, physics apply in elements and graphic motion[39m

[38;2;255;187;0m[4mDefinitions[0m
[38;5;12m- [39m[38;5;14m[1mThe art of timing and spacing[0m[38;5;12m (https://www.youtube.com/watch?v=KRVhtMxQWRs)[39m

[38;2;255;187;0m[4mCSS3[0m
[38;5;12m- @keyframes[39m
[48;5;235m[38;5;249m- **Keyframes animation sintax - CSS Tricks** (https://css-tricks.com/snippets/css/keyframe-animation-syntax/)[49m[39m[48;5;235m[38;5;249m         [49m[39m
[48;5;235m[38;5;249m- **Using Css Animations - MDN** (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations)[49m[39m
[38;5;12m-  transform[39m
[48;5;235m[38;5;249m- **Property Transform Almanac - CSS Tricks** (https://css-tricks.com/almanac/properties/t/transform/)[49m[39m[48;5;235m[38;5;249m                 [49m[39m
[48;5;235m[38;5;249m- **CSS Transform - MDN** (https://developer.mozilla.org/en/docs/Web/CSS/transform)[49m[39m[48;5;235m[38;5;249m                                    [49m[39m
[48;5;235m[38;5;249m- **Using CSS Transforms - MDN** (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms)[49m[39m
[38;5;12m- Libraries for animation[39m
[48;5;235m[38;5;249m- **Animate CSS** (https://daneden.github.io/animate.css/)[49m[39m[48;5;235m[38;5;249m                       [49m[39m
[48;5;235m[38;5;249m- **DynCSS** (http://www.vittoriozaccaria.net/dyn-css/)[49m[39m[48;5;235m[38;5;249m                          [49m[39m
[48;5;235m[38;5;249m- **SpinKit Simple CSS Spiners** (http://tobiasahlin.com/spinkit/)[49m[39m[48;5;235m[38;5;249m               [49m[39m
[48;5;235m[38;5;249m- **Magic CSS3 Animation** (http://www.minimamente.com/example/magic_animations/)[49m[39m
[48;5;235m[38;5;249m- **Bounce Js** (http://bouncejs.com/)[49m[39m[48;5;235m[38;5;249m                                           [49m[39m
[48;5;235m[38;5;249m- **Buttons UI** (http://unicorn-ui.com/buttons/)[49m[39m[48;5;235m[38;5;249m                                [49m[39m
[48;5;235m[38;5;249m- **Ani JS** (http://anijs.github.io/)[49m[39m[48;5;235m[38;5;249m                                           [49m[39m
[48;5;235m[38;5;249m- **Single Element CSS Spinner** (http://projects.lukehaas.me/css-loaders/)[49m[39m[48;5;235m[38;5;249m      [49m[39m
[48;5;235m[38;5;249m- **CSS Shake** (http://elrumordelaluz.github.io/csshake/#1)[49m[39m[48;5;235m[38;5;249m                     [49m[39m
[48;5;235m[38;5;249m- **Odometer** (http://github.hubspot.com/odometer/docs/welcome/)[49m[39m[48;5;235m[38;5;249m                [49m[39m
[48;5;235m[38;5;249m- **Hover CSS** (http://ianlunn.github.io/Hover/)[49m[39m[48;5;235m[38;5;249m                                [49m[39m
[48;5;235m[38;5;249m- **Anima CSS** (http://lvivski.com/anima/)[49m[39m[48;5;235m[38;5;249m                                      [49m[39m
[48;5;235m[38;5;249m- **AnimaTable** (http://leaverou.github.io/animatable/)[49m[39m[48;5;235m[38;5;249m                         [49m[39m
[48;5;235m[38;5;249m- **TriDiv** (http://tridiv.com/)[49m[39m[48;5;235m[38;5;249m                                                [49m[39m

[38;2;255;187;0m[4mBlogs[0m
[38;5;12m- [39m[38;5;14m[1mMotion Design Blog[0m[38;5;12m (http://www.motiondesign.com.br/blog/)    [39m
[38;5;12m  [39m

[38;5;12mmotiondesignweb Github: https://github.com/lucasmaiaesilva/awesome-motion-design-web[39m
