Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem CSS Animace

Ahoj,

chtěl bych animovat display: none a display: block přes css po kliknutí na nějaký objekt. Vím, že to nejde, ale určitě to nějakou kličkou jde. Pomocí pozicování, opacity, transition, či key frames apod. Ale ani za boha se mi to nedaří. Máte někdo nápad, jak docílit animace (fade out, fade in) jen skrze css?

Ukázkový příklad: jsfiddle.net

Předmět Autor Datum
• Po kliknuti nebo ponejeti, jestli po najeti tak pouzij jednoduse :hover
CoCoChanel 15.10.2015 12:57
CoCoChanel
asi jsme si nerozumneli. momentalne v prikladu schovavam, ci odkryvam obsah po kliknuti na obsah v c… nový
Stalker 15.10.2015 13:24
Stalker
• Rozumneli, ale proc skratka nepouzijes jQuery nebo java script? • Jestli chces opravdu pouzit jen… nový
CoCoChanel 16.10.2015 09:03
CoCoChanel
Zřejmě jsi ani nezkoušel hledat: Jak snadno vytvořit překlápěcí animace s CSS CSS vlastnost animatio… nový
MachR55 15.10.2015 13:38
MachR55
Machře, hledal jsem a dost dlouho. Zřejmě sis nepřečetl můj dotaz, protože tebou poslané linky jsou… nový
Stalker 16.10.2015 08:48
Stalker
OK, omlouvám se, špatně jsem otázku pochopil. nový
MachR55 16.10.2015 09:18
MachR55
Spíš si myslím, že to je tak, když chce někdo něco udělat a ani sem nedá kód, navíc to popíše nesroz… nový
Kráťa 16.10.2015 11:33
Kráťa
je to s kodem i srozumitelnym vysvetlenim. pak jeste podavam doplnujici info v dalsim komentari. Nev… nový
Stalker 16.10.2015 13:32
Stalker
Aha, ty to máš pod tím odkazem, na který jsem prve neklikl. Omlouvám se. nový
Kráťa 17.10.2015 10:49
Kráťa
Nič si z toho nerob, vysvetlil si to jasne. S pevnou výškou: 9 Alebo bez pevnej výšky: 10 nový
los 16.10.2015 17:47
los
díky moc :-) poslední
Stalker 19.10.2015 06:58
Stalker

Machře, hledal jsem a dost dlouho. Zřejmě sis nepřečetl můj dotaz, protože tebou poslané linky jsou na něco úplně jiného. To je tak, když nějakej machr pošle (namátkou) nějaké odkazy.

Mě jde vyloženě o animaci display block/none, respektive podobnou alternativu, která by se chovala stejně. Opacity ani visibility použít nemůžu, protože tam zůstává volné místo. Display block se zase nedá animovat. Šlo by to vyřešit jedině přes Absolutní pozicování, jenže ve chvíli, kdy se bude obsah dinamicky měnit to ztrácí veškerý smysl...

Takže prosímtě, než tady budeš dělat machra, zkus se zamyslet nad otázkou, a když nevíš, tak radši ani nepiš jo? Tvá snaha, kdy jsi ještě arogantní, je totiž k ničemu.

Zpět do poradny Odpovědět na původní otázku Nahoru