2016
2015
2014
2013
edankwan/PerspectiveTransform.js · GitHub
by srcmax
This is an extremely useful class for advanced CSS 3d animation. You can set the x, y point of the corners of a DOM element and do need to think about the complicated Matrix formula behind it.
Creating 3D worlds with HTML and CSS | Keith Clark
by gregg
Last year I created a demo showing how CSS 3D transforms could be used to create 3D environments. The demo was a technical showcase of what could be achieved with CSS at the time but I wanted to see how far I could push thing
2012
2011
2010
is-real / wonder-webkit
by sbrothier & 1 other
A tribute to the awesome wonder-wall by tha.ltd.
And a demo of WebKitCSSMatrix. The wonder-wall effect is inspired by this great example, the Javascript Matrix library used is this, and the book covers are taken from here.
The interesting stuff is the possibility of manipulate the transformation matrix of any element of the DOM, In this case we get the matrix given only the 4 end points of the element, which is done porting OpenCV's cvGetPerspectiveTransform function and some trickery, the JavaScript code is here.
Right now the effect only works in Safari 5 (best) and Chrome 7 Dev. Roll over the elements and click them.
How To Create Depth And Nice 3D Ribbons Only Using CSS3 | PV.M Garage
by nicolargo & 2 others
Bouton 3D avec CSS
Pseudo-3D Parallax Image Effect with JavaScript, CSS, and jQuery
by marco
Improved Pseudo 3D / Parallax Image Effect with CSS, JavaScript and jQuery
