Jednoduché stíny pomocí CSS

Tento odstavec je odstínován. Text může být jakkoli dlouhý, dokonce i takhle... Má ale jednu nevýhodu, vržený stín není průhledný, je prostě šedý.

A tady může obtékat vesele text v délce, jakou jenom chceme. Je jasné, že text je od stínu ve vzdálenosti, kterou nastavíme pomocí hodnoty margin. V tomto případě je hodnota rovna 1em. Ještě sem doplním nějaký ten zbytečný text, aby byl vidět efekt obtékání, ale zasvěceným je to asi jasné. Nezasvěceným doporučuji měnit velikost okna prohlížeče či velikost textu.


Tento odstavec je také odstínován. Stín je ale vytvořen pomocí průhledného obrázku v GIF formátu, což má za efekt, že je odstínovaná pravá barva pozadí.

Je jasné, že je třeba malinko si pohrát s obrázkem, aby byl efekt stínu co nejhezčí.


Home | Index ukázek | 27.09.03