Full list of CSS graphical/animation effects

[iconofsyn]

I am creating a demo which will display every possible CSS graphical/animation effect

The demo will consist of a cube which the user can rotate and each face of the cube will have various CSS graphical/effects mostly animated playing in a infinite loop.

Bellow is a list of effects which i know about, can anyone think of any more

Background Gradients
Clipping and Masking
Border Radius

webkit-reflect (is this one available outside of web-kit yet)

Filters

-blur(px)

-brightness(%)

-contrast(%)

-drop-shadow(h-shadow v-shadow blur spread color)

-grayscale(%)

-hue-rotate(deg)

-invert(%)

-opacity(%)

-saturate(%)

-sepia(%) Transform -Translate(X,Y,Z) -Scale(X,Y,Z) -Rotate(X,Y,Z) -Skew(X,Y)

[greenanimation]

If you wanna go hardcore you can use SVG filters for motion blur ect.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter
This is something I think could be really usefull (: