Moderní webové technologie, počítané do rodiny HTML5, jsou poslední dobou velmi oblíbenou platformou pro ukázky nejrůznějších postupů, známých z Flashe, ovšem bez Flashe. Jednou z nich je i CSS3-man. Fungování animace je vysvětlené v článku.
Archiv pro štítek: CSS3
Rychlý rozvoj webových technologií spolu s velkým procentem uživatelů se zastaralými prohlížeči přinesl nutnost testovat možnosti prohlížečů a nabízet podle nich alternativy. Velmi slušnou práci odvede například knihovna Modernizr. Přesto existují vlastnosti, které nelze…
Pomocí kombinací více shadow lze v CSS nasimulovat „3D“ vzhled písma. Jak na to ukazuje tato demonstrace – 3D Text
Pokud se vám líbí grafické zpracování štítků, jaké používá např. služba Delicious, můžete se podívat, jak je vytvořit pomocí CSS3. Tutoriál přináší článek na serveru CSSGlobe.
CSS3 implementované v prohlížeči Safari v zařízeních typu iPad umí správně zpracovat parametr „orientation“, což umožňuje tvůrcům přizpůsobit layout pro oba případy, tj. na výšku i na šířku. Jak na to ukazuje článek z blogu Cloud Four.
Pak že vývojáři nemají vánoční témata:Na serveru SixRevisions vyšel článek, v němž je popsáno, jak vytvořit vánoční ozdoby v CSS3. Můžete se tedy inspirovat, pokud byste chtěli nějakou ozdobu vytvořit.
Jistě znáte efekt zvaný Lightbox, při němž se zobrazí obrázek v překryvné vrstvě, zatímco zbývající obsah „ztmavne“. Tento efekt se nejčastěji řeší pomocí JS pluginů, ale lze jej vytvořit i v čistém CSS3. Seznam deseti zajímavých…
Věci nejsou nikdy takové, jaké se zdají, a ani v titulku není to, co tam pravděpodobně čtete. O čem se budeme bavit? Schválně: Zkoušeli jste někdy vytvořit něco složitějšího pomocí CSS3 a přišlo vám to zbytečně komplikované? V tomto článku si ukážeme nástroje, které vám psaní CSS3 zjednoduší.
Sencha labs nabízí nástroj Animator, který umožňuje vytvářet animace v CSS3 pomocí „timelines“, podobně jako ve Flashi či v jiných animačních nástrojích.
Velmi zajímavá a působivá ukázka 3D transformací je na webu is-real a nese název Wonder Webkit. Demonstruje interaktivní 3D transformace, které prohlížeče s tímto jádrem již dnes zvládnou.
