CSS3 Animationen?
 

Guten Morgen,
ich bräuchte ein bischen Hilfe bei der Gestaltung meiner [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...].

Ich hätte gerne eine Art Slide-Animation, wenn man auf die Kästchen klickt (dort sollen dann später irgendwelche Inhalte angezeigt werden), nur habe ich keinerlei Ahnung wie ich die umsetze.
Wenn man auf das orange Feld "Hufeisen" klickt, ändert sich seine Größe und zwischen dem Zustand des Kästchens und des großen Kasten soll die Slide-Animation geschehen.

Nun meine Frage:
Wie setze ich das am besten um? CSS oder JS?
(Lösungvorschläge/ansätze nehme ich gerne entgegen :D)

jQuery animation() ist hier ein Stichwort :)

Würde auch jquery oder dojo für sowas empfehlen. CSS3 ist aktuell noch nicht final verabschiedet (und wann immer das geschehen mag :D) damit ist eine Interoperabilität unter den Browsern nicht selbstverständlich und du musst dann wieder auf bestimmte eigenheiten achten wenns überall gleich aussehen soll...

Bei einem Framework wie jquery oder dojo wird dir die Arbeit abgenommen und du bekommst halbwegs einfach zu nutzende Funktionalitäten bei denen sich schon viele andere darum gekümmert haben und direkt anregungen was du noch alles dynamisieren kannst ... lies dich einfach mal in die Tutorials und Doku ein ... sooooo komplex ist das nicht das man nicht schnell zu zwischenergebnissen kommt auf die man stolz sein kann

danke für die vielen antworten :) ich werde es mal mit jQuery versuchen.

Danke!