update
This commit is contained in:
39
readmes/motiondesignweb.md
Normal file
39
readmes/motiondesignweb.md
Normal file
@@ -0,0 +1,39 @@
|
||||
# Awesome Motion Design
|
||||
|
||||
## A list of links for using motion design on the Web
|
||||
|
||||
> A list of links created to help everyone with the interest to learn more about animation, physics apply in elements and graphic motion
|
||||
|
||||
### Definitions
|
||||
- [The art of timing and spacing](https://www.youtube.com/watch?v=KRVhtMxQWRs)
|
||||
|
||||
### CSS3
|
||||
- @keyframes
|
||||
- [Keyframes animation sintax - CSS Tricks](https://css-tricks.com/snippets/css/keyframe-animation-syntax/)
|
||||
- [Using Css Animations - MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations)
|
||||
- transform
|
||||
- [Property Transform Almanac - CSS Tricks](https://css-tricks.com/almanac/properties/t/transform/)
|
||||
- [CSS Transform - MDN](https://developer.mozilla.org/en/docs/Web/CSS/transform)
|
||||
- [Using CSS Transforms - MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms)
|
||||
- Libraries for animation
|
||||
- [Animate CSS](https://daneden.github.io/animate.css/)
|
||||
- [DynCSS](http://www.vittoriozaccaria.net/dyn-css/)
|
||||
- [SpinKit Simple CSS Spiners](http://tobiasahlin.com/spinkit/)
|
||||
- [Magic CSS3 Animation](http://www.minimamente.com/example/magic_animations/)
|
||||
- [Bounce Js](http://bouncejs.com/)
|
||||
- [Buttons UI](http://unicorn-ui.com/buttons/)
|
||||
- [Ani JS](http://anijs.github.io/)
|
||||
- [Single Element CSS Spinner](http://projects.lukehaas.me/css-loaders/)
|
||||
- [CSS Shake](http://elrumordelaluz.github.io/csshake/#1)
|
||||
- [Odometer](http://github.hubspot.com/odometer/docs/welcome/)
|
||||
- [Hover CSS](http://ianlunn.github.io/Hover/)
|
||||
- [Anima CSS](http://lvivski.com/anima/)
|
||||
- [AnimaTable](http://leaverou.github.io/animatable/)
|
||||
- [TriDiv](http://tridiv.com/)
|
||||
|
||||
### Blogs
|
||||
- [Motion Design Blog](http://www.motiondesign.com.br/blog/)
|
||||
|
||||
|
||||
[motiondesignweb.md Github](https://github.com/lucasmaiaesilva/awesome-motion-design-web
|
||||
)
|
||||
Reference in New Issue
Block a user