Guymon

3d Rollovers

Chris Heilmann stellt eine Sammlung von 3d Rollover Effekten auf Github bereit.

In Webkit Browsern sieht das wirklich nett aus. In anderen Browsern ist das unspektakulär, aber nutzbar.

Dazu gibt es auch diese Seite auf der man mit den Werten spielen kann.

CSS3: Animations, Transforms and Transitions

Nette Präsentation von Estelle Weyl über diverse CSS3 Eigenschaften.

CSS3: Transitions, Transforms and Animation

Einige spannende Ressourcen habe ich über den Beitrag CSS3 transitions to go von Sven Wolfermann gefunden.

Zum einen den sehr ausführlichen Artikel Using CSS3 Transitions, Transforms and Animation:

First things first - these demos are showing of CSS transitions, transforms (2D and 3D) and animations. Currently (April 2011), 2D transforms are available in all current browsers including IE9, transitions are available in all browsers except Internet Explorers older than version 10, while 3D transforms are in Safari, Chrome and Firefox. Animations are available in Safari, Chrome, Firefox 5+ and IE10. Most examples degrade nicely, so if you are using a legacy browser you can still use a site using these, you just won’t get animation. 3D transforms generally don’t degrade nicely, so be careful when using them.

Dann die beiden Tools CSS Easing Animation Tool und cubic-bezier, sowie das Textmatebundle Ceaser-CSS-Easing.

Vielen Dank für die Hinweise!

Animierte Buttons mit CSS3

Einige nette Ideen für animierte Buttons liefert dieses Posting auf codrops.

AliceJS

AliceJS ist eine JavaScript Bibliothek die Hardware-Beschleunigung moderner Browser nutzt um flüssige Animationen zu erzeugen.

Die Animationen sind wirklich sehr flüssig. Aber, leider, leider:

The library is intended to work at least on Chrome (V13 or V14-beta because of hardware-acceleration requirements), iOS, and BlackBerry platforms.

Trotzdem sehr spannend.