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
2009
Safari : les effets de Cooliris sans Cooliris
by nhoizey
Cela ressemble aux animations produites par le plug-in Cooliris dans Safari mais dans le cas présent, point de Cooliris à l'oeuvre - ni de Flash - uniquement le moteur de Safari. Snow Stack est une démo qui s'appuie uniquement sur de l'HTML, du JavaScript et des effets permis par le WebKit du navigateur d'Apple.
satine.org » Snow Stack is Here
A new 3D CSS Visual Effects demo using pure HTML, WebKit’s 3D CSS Effects extensions and JavaScript.
How to recreate Silverback’s parallax effect | Think Vitamin
by nhoizey
Moving Sonic the Hedgehog to the right caused the foreground to move past the camera to the left faster than the background, creating a faux-3D view of Green Hill Zone. We can create a similar effect on a web page by fixing semi-transparent background images to different sides of the browser viewport, and at different horizontal percentage positions.
2008
Infilta - Web, branding and print solutions.
by oqdbpo
Infilta is a creative agency offering small and medium businesses design solutons for their web, branding and print communications with their target markets, partners and investors.
Visual communications with your environment is extremely important in the age of High Definition, true color and 3D sound technologies. At the other hand, people in our age are overwhelmed by the amounts of information. Simplicity and value is the key to be heard, to be understood. and to build brand loyalty. We offer simple and effective solutions such as corporate web sites, corporate identity and print materials.
Safari CSS Transform Guide for iPhone OS: -webkit-transform-style
by nhoizey
CoverFlow uniquement en CSS, c'est possible !
2007
Passion Students Called to Hunger for Scripture
by JomeiKujo
Over 23,000 college students are expecting a change in their lives at the Passion 07 conference. But this year's four-day event is asking for more than a personal change. It's asking for a global ...
