Изменить направление существующей тени CSS

Question

У меня есть следующая тень CSS:

box-shadow:green 0 1px 3px;

Теперь, если я хочу изменить только направление из тени, я попробовал:

box-shadow:inherit 2px 0 inherit;

Но это не работает, к сожалению. Также не похоже, что есть дополнительные свойства, такие как:

box-shadow-direction:2px 0;

Или же

box-shadow-color:inherit;

---

Как можно изменить направление без изменения цвета или силы?

Answer 1

Как я знаю, нет никакого атрибута background-repeat, margin-left, border-bottom за box-shadow, text-shadow CSS3 атрибуты. Для получения более подробной информации, пожалуйста, обратитесь: http://www.w3.org/tr/css3-gackground/#box-shadow .

Свойство «Box-Shadow» прикрепляет одну или несколько выпадений к коробке. Свойство представляет собой разделенный запятой список теней, каждый из которых указан 2-4 значения длины, необязательный цвет и необязательное ключевое слово «вставки». Пропущенные длины равен 0; Пропущенные цвета-это цвет UA.

Где

<shadow> = inset? && [ <length>{2,4} && <color>? ]

Итак, вы не можете дать под атрибут, как box-shadow-direction:2px 0; После определения box-shadow к HTML-элементу до тех пор, пока он или подобный суб-атрибут не стал жить в следующих версиях CSS.

Answer 2

Тень в коробке определяется как следующее: xy размытый цвет.

Так что, если вы хотите переместить тень коробки, измените свой x и y.

box-shadow: 10px 10px 5px #000;

Этот код создает тень черного ящика, которая расположена 10px сверху и слева. (Обратите внимание, что мне не нужно было указывать сумму распространения.)