CSS Shadow на противоположном месте - PullRequest
Новая
       23

CSS Shadow на противоположном месте

1 голос
/ 11 февраля 2012

Я пытаюсь получить эту тень во внутренней части и на дне моей коробки, но я не могу заставить ее работать.Есть ли кто-нибудь, у кого есть хорошее объяснение, как это сделать, и кто может мне помочь?

-moz-box-shadow:0 5px 5px rgba(128,128,128,0.1);
-webkit-box-shadow: 0 5px 5px rgba(128,128,128,0.1);
box-shadow: 0 5px 5px rgba(128,128,128,0.1);

Ответы [ 2 ]

2 голосов
/ 11 февраля 2012

Может быть, что-то подобное? 

-moz-box-shadow: inset -5px -5px 5px 5px rgba(128,128,128,0.1);
-webkit-box-shadow: inset -5px -5px 5px 5px rgba(128,128,128,0.1);
box-shadow: inset -5px -5px 5px 5px rgba(128,128,128,0.1);
0 голосов
/ 12 февраля 2012

Не могли бы вы сделать что-то подобное? Это оставляет крошечный промежуток с левой и правой стороны, хотя ... 

-webkit-box-shadow: inset -1px 3px 3px rgba(255,255,255,1),
                    inset 1px 3px 3px rgba(255,255,255,1),
                    inset 0px -3px 3px rgba(0,0,0,0.3);
   -moz-box-shadow: inset -1px 3px 3px rgba(255,255,255,1),
                    inset 1px 3px 3px rgba(255,255,255,1),
                    inset 0px -3px 3px rgba(0,0,0,0.3);
        box-shadow: inset -1px 3px 3px rgba(255,255,255,1),
                    inset 1px 3px 3px rgba(255,255,255,1),
                    inset 0px -3px 3px rgba(0,0,0,0.3);

Или же вы можете попробовать что-то вроде этого (имитировать вставку с несколькими обычными тенями): 

-webkit-box-shadow:     0 1px 3px rgba(255,255,255,0.5),
                        0 2px 3px rgba(255,255,255,0.5),
                        0 3px 0px rgba(0,0,0,0.3);
   -moz-box-shadow:     0 1px 3px rgba(255,255,255,0.5),
                        0 2px 3px rgba(255,255,255,0.5),
                        0 3px 0px rgba(0,0,0,0.3);
        box-shadow:     0 1px 3px rgba(255,255,255,0.5),
                        0 2px 3px rgba(255,255,255,0.5),
                        0 3px 0px rgba(0,0,0,0.3);

К сожалению, здесь также есть предостережение от белого свечения от отбрасывающих теней.

...