[[http://css-tricks.com/examples/ShapesOfCSS/|different div shapes]] (circle, star, oval, etc.)
\\


**Animation**

  * [[http://www.the-art-of-web.com/css/3d-transforms/|rotating platter]]
  * [[http://lea.verou.me/2012/02/moving-an-element-along-a-circle/|element along a circle]]

//Limit the animations to scale, position, opacity, rotation and things are fast, as explained [[http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/|here]].//


http://net.tutsplus.com/tutorials/html-css-techniques/say-hello-to-css3-filters/

http://html5-demos.appspot.com/static/css/filters/index.html

\\


  * [[http://www.sitepoint.com/css-techniques-for-retina-displays/|Loading correct image for retina display]] (see tip 1 and using @media)
  * [[http://webdesign.about.com/cs/css/a/aa042103a.htm|making sites printer friendly with css]]
  * [[http://webdesign.about.com/od/advancedcss/qt/tiptestmediatyp.htm|using @import to make site mobile friendly]]


Fading in and out:

  * [[http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_transition-timing-function2|tryit editor]]
  * [[http://cubic-bezier.com/#.17,.67,.83,.67|play with cubic bezier for fadein/fadout]]

Page transitions:


  * [[http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/|examples and source]] (appears to use jquery)

Page turns

  * [[http://www.romancortes.com/ficheros/page-flip.html|css3 only]]
  * [[http://www.html5rocks.com/en/tutorials/casestudies/20things_pageflip/|tutorial]] (same [[http://www.creativebloq.com/html5/create-page-flip-effect-html5-canvas-8112798|tutorial?]])

Catch unused css:



  * Chrome has an audit tool. Run the audit and it will report the unused css
  * https:%%//%%github.com/giakki/uncss <- removed unused css from your css files. Looks excellent!