CSS3 Shadow Directions

Question

Не могу понять, что это.

Этот идет в верхнем правом углу.Мне нужно, чтобы это пошло внизу слева.

box-shadow: -3px -3px 0 3px #333;
-moz-box-shadow: -3px -3px 0 3px #333;
-webkit-box-shadow: -3px -3px 0 3px #333;

Для этого должен быть справочник по типам.Я гуглил около часа и не дал результатов.

Answer 1

Мне потребовалось 3 секунды и термин 'тень css3', и я нашел это ;)

 div.shadow {
    -moz-box-shadow: -3px 3px 0 3px #333;
    -webkit-box-shadow: -3px 3px 0 3px #333;
    box-shadow: -3px 3px 0 3px #333;
 }

Answer 2

первый параметр - x (+ справа - слева), второй - y (+ вниз - вверх), третий - размытие, а далее - сила. сделать что-то подобное для левого нижнего угла:

box-shadow: -3px 3px 0 3px #333;

Answer 3

Вот редактор CSS3. Здесь вы можете создавать тени от блоков (и другие приятные CSS3) очень WYSIWYG способом. Может быть, это поможет вам понять, как это работает?

http://www.css3maker.com/box-shadow.html