Animation (float) bei responsiven design

[burn4ever]

Hallo,
kann mir jemand sagen wie die Animation (slides) der Listenelemente erstellt worden ist, sobald man das Fenster kleiner zieht (responsives Layout)?
Hier die url:
Join Diesel Benelux - Find a job at diesel - Home

 

[bodil]

Die Frage verstehe ich nicht. Animation der Listenelemente? Sobald man das Fenster kleiner zieht? Bei mir ist die immer animiert. Spannend finde ich aber, wie es gelingt, auch auf kleinen Bildschirmen das Seitenlayout aufrecht zu halten, über relative Breitenangaben und durch die Vergabe von max-width ... wow ... ich glaube, ich hätte das mit js versucht. Schöne Lösung!

 

[burn4ever]

Ich meine damit das neu anordnen der Felder. Das geschieht ja nicht sprunghaft durch die Media Queries sondern mit einer Art Tween.

 

[Cheffchen]

Hallo,

also ich seh da keine art tween oder so.
bei zwei größen kommen ander medias mit anderen % angaben da ist nix weiter animiert.

Das geschieht ja nicht sprunghaft durch die Media

doch bei mir schon halt mit % angaben.

Cheffchen

 

[burn4ever]

Hmm,
also ich finde schon das die einzelnen Inhaltsblöcke mit einem ease-out sich neu positionieren.

Hier passiert das z.B. gar nicht, sprich der Umbruch erfolgt sofort:
Initializr - Start an HTML5 Boilerplate project in 15 seconds!

Und bei diesem WP-Theme sieht man noch mal ganz genau was ich meine:
http://www.elegantthemes.com/demo/?theme=TheStyle