Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lucasmaiaesilva/awesome-motion-design-web

List: awesome-motion-design-web

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/lucasmaiaesilva/awesome-motion-design-web
Owner: lucasmaiaesilva
Created: 2015-10-01T11:28:41.000Z (about 9 years ago)
Default Branch: master
Last Pushed: 2015-10-23T01:07:59.000Z (about 9 years ago)
Last Synced: 2024-05-19T21:08:25.832Z (7 months ago)
Size: 133 KB
Stars: 22
Watchers: 4
Forks: 3
Open Issues: 1
Metadata Files:
- Readme: readme.md

Awesome Lists containing this project

fucking-awesome-awesomeness - Motion Design for Web
fucking-lists - awesome-motion-design-web
awesomelist - awesome-motion-design-web
more-awesome - Motion Design for Web
collection - awesome-motion-design-web
lists - awesome-motion-design-web
awesome-awesomeness - Motion Design for Web

README

        # 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/)