box-shadow i maska Opcje

[erix]

Chcę osiągnąć coś takiego z wykorzystaniem samego CSS:

Kod

---------------------------------------
    +|                        |+
    +|                        |+
    +|                        |+
    +|                        |+
    +|                        |+
    +|                        |+
    +|                        |+
    +|                        |+
    +|                        |+
    +|                        |+
    +|                        |+
    +--------------------------+
    ++++++++++++++++++++++++++++

+ -> cień

Opisowo - chcę górną część cienia po prostu schować. Czy jest inny sposób prócz nakrywania tego innym elementem?

[Damonsson]

Na przykład tak:

[CSS] pobierz, plaintext 
   box-shadow: 1px 1px 0px #000, -1px 1px 0px #000;
   -moz-box-shadow: 1px 1px 0px #000, -1px 1px 0px #000;
   -webkit-box-shadow: 1px 1px 0px #000, -1px 1px 0px #000;
[CSS] pobierz, plaintext 

Przy zwiększaniu 3ciego parametru, u góry będzie pojawiała się smuga cienia(mało widoczna, ale zawsze), wtedy musisz tylko zwiększyć 2gi parametr i przesunąć cień nieco niżej.

Ten post edytował Damonsson 14.10.2010, 12:44:12