CSS3 Animation
CSS3 Animation is best used for simple animations on a web page and can replace Flash or JavaScript animation. CSS animation lets an element gradually change from one or many CSS property to another. One advantage of CSS animation is you don’t need a plug-in or a JavaScript library to use it which makes it a great candidate for users of HTML5 and CSS3. A question to ask is, Doe the page still make sense if there were no animation.” If so, CSS is not the best choice—use jQuery libraries. It is best to place all of the CSS animation classes in a separate file (i.e., animation).
For a list of the top CSS3 Animation web sites and tools, click on the link below:
Top CSS3 Animation Web Sites and Tools
Flying Objects Demo
Flying Objects Instructions
Multiple Flying Object Demo
KEY Demos and Tutorials Links:
***** Codrops
http://tympanus.net/codrops/2011/12/19/experimental-css3-animations-for-image-transitions/
30 Cool CSS Animation Examples to Create Amazing Animation Websites
19 cool CSS animation examples to recreate
25 Useful CSS Animation Examples For Logically Creative Minds
30 Creative Website Examples of CSS Animation
http://pubhtml5.com/blog/5-plus-available-flip-book-css3-animation-creators-for-win7/
http://tympanus.net/Tutorials/3DHoverEffects/index5.html
http://www.minimamente.com/example/magic_animations/
http://www.menucool.com/slider/javascript-image-slider-demo1
https://miketricking.github.io/dist/
http://james-star.com/answers/en/css3-hover-effect-transitions-transformations-and-animations/
http://www.webdesignerdepot.com/2014/05/8-simple-css3-transitions-that-will-wow-your-users/
http://tympanus.net/Development/GridLoadingEffects/index4.html/
https://designshack.net/articles/css/joshuajohnson-2/
http://www.html5templatesdreamweaver.com/hover-effects.html
https://css-tricks.com/examples/CatAnimation/
http://elijahmanor.com/css-animated-hamburger-icon/
http://codepen.io/valhead/pen/Austg
http://www.cssscript.com/categories/gallery/
http://www.themeshock.com/clean-css3-boxes/
https://www.smashingmagazine.com/2011/09/the-guide-to-css-animation-principles-and-examples/
http://leaverou.github.io/animatable/
https://developer.mozilla.org/en-US/docs/Web/Demos_of_open_web_technologies
http://1stwebdesigner.com/css-effects/
http://webdesign.tutsplus.com/articles/15-inspiring-examples-of-css-animation-on-codepen--cms-23937