Annette Halbestund: CSS3 transitions ohne fixe Angaben?

Beitrag lesen

Hallo,

ich habe eine <HEADER> Leiste, der ich auf Knopfdruck gerne eine "SlideOut-Funktion" verpassen würde.

Habe mich da ein wenig mit CSS3 "transition" und der Anpassung von "height", aber auch "top" gespielt - was ja prinzipiell funktionieren würde, allerdings nur in Verbindung mit einer genauen Angabe der Ausgangswerte von "width", "height" sowie "position" des zu animierenden Elements.

Nun steht fixen Angaben zu "width", "height" und "position" in meinem Fall die Welt des responsiven Webdesigns diametral gegenüber; nur funktionieren CSS3 transitions ohne diese fixen Angaben eben nicht.

...daher meine Frage: welche Möglichkeit habe ich [ohne Einbindung externer Bibliotheken / ohne jquery] ein DIV mit einer Transition zu versehen, wobei für "height" und "width" dynamisch die aktuell gültigen Ausgangswerte übernommen werden (habe es mit "width: 100%", bzw. "height: 100%" probiert, was aber nicht funktioniert) ?

Danke!

LG, Annette