CSS animace šířky elementu rubrika: Kódování: CSS

9 Vašek Ch.
položil/-a 25.5.2017
 
upravil/-a 26.5.2017

Ahoj, tvořím absolutně pozicovaný panel, který se po kliknutí rozbalí do šířky, a nedaří se mi nastylovat rozbalující animaci. Potřebuji, aby panel neměl pevně zadanou šířku, ale aby se přizpůsobil obsahu.

Příklad https://jsfiddle.net/pxpfszpu/2/

  • červený panel je bez potomka, ale animace mezi auto a 0 se neprovede,
  • zelený panel je s potomkem, který se animuje správně, ale rodič poskočí bez animace,
  • modrý panel funguje správně, ale šířka potomka je tam nastavena v pixelech napevno (což není žádoucí, protože předem šířku obsahu nebudu znát).

Jak z toho ven? Kdo udělá boxík libovolné barvy, který bude fungovat? :-)

Díky!

PS: Bez JavaScriptu :-).

odkaz Vyřešeno
9 Vašek Ch.
odpověděl/-a 25.5.2017
 
upravil/-a 26.5.2017

Si odpovím: http://n12v.com/css-transition-to-from-auto/. Že to bez JavaScriptu nepude, jsem nečekal. Safra.

Komentáře

  • anti.cz : Jde to pres max-width. — 26.5.2017
  • Vašek Ch. : ...jak píšu, někdy má panel jen 30px tlačítko a jindy text o šířce 600 px, takže řešení používající max-width se nehodí. — 5.8.2017

Pro zobrazení všech 3 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.

Aktuální otázky v rubrice Kódování: CSS

Otázky uživatele Vašek Ch.