39 lines
3.8 KiB
Plaintext
39 lines
3.8 KiB
Plaintext
[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
|