[Kash]

Hallo Zusammen,

ich habe Euch ein Tutorial / Infodokument zusammengestellt welches einen Überblick über einige neue CSS3 Techniken geben soll. Das wären in diesem Fall Transform, Transition und Animate.

Übersicht CSS3 Techniken Transform - Transition - Animation

Wer Lust und Interesse hat kann gerne in Zusammenarbeit mir mir dieses Dokument erweitern.
Es ist auch nicht gesagt das sich dieses Dokument unbedingt mit Transform, Transition und Animate beschäftigt. Gerne können wir das auf ebenso Interessante Funktionen erweitern.


Viel Spaß beim Ausprobieren.

[Smooth-Graphics]

Ein paar Anmerkungen gleich mal:

Bei den Browserspezifischen Vorspannen fehlt -khtml- als Option für Konqueror und Konsorten.
Generell fehlen einige statistische Daten, die aufzeigen, welcher Browser was untersützt.

[Kash]

[Vektorpate]

Coole Sache, danke für die Mühe

[Smooth-Graphics]

Damits für jeden was ist:

#rotate:

- Firefox 3.6:
- Opera 10.5b: (?)
- Safari 4:

#scale:

- Firefox 3.6:
- Opera 10.5b: (?)
- Safari 4:

#translate:

- Firefox 3.6:
- Opera 10.5b:
- Safari 4:
Implementierung macht wenig Sinn im gecodeten Beispiel, weil der :hover Status logischerweise durch native Versetzung springt.

#scew:

- Firefox 3.6:
- Opera 10.5b:
- Safari 4:

#alles zusammen:

- Firefox 3.6:
- Opera 10.5b: hier wird plötzlich auch die rotate und scale möglich?!
- Safari 4:

#transitions #background-color:

- Firefox 3.6:
- Opera 10.5b:
- Safari 4:


#transitions #rotate:

- Firefox 3.6:
- Opera 10.5b:
- Safari 4:

Opera 10.10 unterstützt bisher nichts davon.

[Kash]

Vielen Dank für Deinen Beitrag Smooth-Graphics.

Ich werde es so schnell als Möglich in das Dokument übernehmen.

[Smooth-Graphics]

Hey,
wie sieht es denn aus, machst du weiter? Ich fände es schade, wenn es einfach so ins Nichts abtaucht.

[Kash]