Jak na animované taby s CSS3
Taby (někdy nazývané panely) najdeme na webu poměrně často. Ring Wingův tutoriál ukazuje, jak může pomocí CSS3 animací jejich přepínání snadno animovat. Pokud si chcete hned vyzkoušet výsledek, přejděte rovnou na demo1, demo2, demo3 či demo4.
Přemýšlíte-li, jak CSS3 animace fungují, přečtěte si náš článek na tohle téma. A pokud právě hloubáte nad tím, které prohlížeče CSS3 animace podporují, podívejte se rovnou na caniuse.com. A jestliže řešíte, jak se postavit k prohlížečům, které CSS3 animace neumí, zamyslete se třeba nad přístupy graceful degradation nebo progressive enhancement.
Martin Hassman
Martin Hassman založil a řadu let vedl magazín Zdroják, absolvoval VŠCHT Praha, pořádal řadu konferencí, pomáhal s rozšířením otevřených technologií, byl u založení projektů CZilla, Dáme roušky a dalších. Vymyslel a dva roky vedl dobrovolnický projekt Movapp pod Česko.Digital. Nyní pracuje jako produktový manažer v datové platformě Golemio.cz.
„Taby“ už by měl někdo rozumě přeložit, aby se to mohlo ustálit. :-)