CSS.
Srdce v CSS
Názorná ukázka jak se pomocí CSS3 dá vykreslit srdce bez jediného obrázku. Jde o poměrně jednoduchý objekt, stačí si pouze představit z čeho se jednoduché srdce skládá: čtverec…
CSS3 – Vyjíždějící popis u obrázku
V novém designu webu používám vyjíždějící popis u obrázků (konkrétně u referencí). Je to jednoduchý styl: .obrazek { height: 176px; width: 281px; } .obrazek .obrazek-in { width: 281px;…
Layout stránky pomocí jednotky em
Dlouhou dobu se jako standardní jednotka při tvorbě webu používalo "px". Tedy velikosti prvků podle obrazových bodů - pixelů. Jenomže pak přišel responzivní design a retina displeje. Pokud…
Využijte efektů CSS3 i na starém IE
Internet Explorer ve verzi 8 moc technologií z CSS3 nepodporuje. Kromě :before a :after ještě určitou část selektorů, ale jinak je na tom velmi bídně. A přitom je…
Užití fontů na webu
Přestože je rok 2012, stále tady smrdí stará IE8 a ani IE9 na tom není kdoví jak skvěle, abychom si všichni dovolili používat pouze @font-face z CSS3. Když…
CSS3: Box-shadow
.box { background-color: #aaa; width: 250px; height: 100px; margin-bottom: 20px; } .box.a { box-shadow: 5px 5px 10px #000; } .box.b { box-shadow: inset 5px 5px 10px #000; }…
CSS3: Gradient
.gradient { width:250px; height:250px; margin:auto; border:1px black solid; } .linear { background: -webkit-linear-gradient(#000, #FFF); /* Chrome 10+ / background: -moz-linear-gradient(#000, #FFF); / Firefox 3.6+ / background: -o-linear-gradient(#000, #FFF);…