CSS - Úprava živé úkazky

Janko

CSS - Úprava živé úkazky
« kdy: 27. 11. 2015, 22:10:15 »
Zdravím, potřeboval bych opravit následující html + css kód. Nebudu psát co chci upravit jelikož tomu nerozumím, napíšu čeho chci docílit. V živé ukázce je obdélník (po načtení je červený) a pokud na něj najedu myškou tak se překlopí na modrý obdélník.
Potřeboval bych v divu #f1_card odstranit ten druhý div a nechat tam jen jeden a po najetí aby se překlopil pouze ten červený.
A druhá věc je , že bych tu animaci chtěl spustit jinak než najetím myšky. Na stránce mám JS kterým bych to nějak aktivoval třeba změnou class. (to v JS nepotřebuji udělat, stačí mi jen třeba tip jak to aplikovat).Poradí někdo znalý css ? Předem moc děkuji.

http://kod.djpw.cz/lksb