Linux E X P R E S

Facebook

Malování pomocí CSS v jediném HTML elementu

Malování

Myslíte si, že je to nemožné? Lynn Fisher vás vyvede z omylu – současné možnosti CSS jsou opravdu rozsáhlé. I když, pravda, s tím jediným elementem to tak úplně nemusí platit.


Doby, kdy se veškerá grafika na webových stránkách řešila pomocí rastrových obrázků, jsou dávno pryč. Dnešní možnosti jsou mnohem větší, kromě dnes již standardní podpory SVG ve všech prohlížečích je tu také CSS 3, rovněž s kvalitní podporou v moderních browserech. Takže už ani nemusí tolik překvapit, co všechno se dá vytvořit jen pomocí CSS v rámci jediného HTML elementu.

Lynn Fisher ve svém článku ukazuje, jak na to. Je k tomu potřeba dobrá znalost CSS, dostatek fantazie a samozřejmě i určitá dávka tvůrčího talentu. K dispozici je řada zobrazovacích vlastností CSS, například stíny, gradienty, rámečky, zaoblení, transparence atd. Někdy si nelze reálně tak úplně vystačit s jediným elementem – ale v rámci CSS ho není třeba opustit, jsou tu totiž pseudoselektory :before a :after.

Diskuze (0) Nahoru