Как правильно записать этот box-shadow?

Question

[sergey]

Есть аватарка, при наведении эффект: тень падает под углом в 90 градусов с отступом в 10px, размытием 20px и полупрозрачностью 20%.
Пытаюсь написать эту тень, и что-то не пойму насчет 90%, как это отобразить.

box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.2) inset;

Comments

[kulaeff]

90 градусов - это ровно вправо. Вам именно такая тень нужна?

[sergey]

kulaeff: то есть по горизонтали на сколько сдвигать?

[kulaeff]

У вас по горизонтали уже сдвинуто, а по вертикали - нет. Это и есть 90 градусов. Вот ваша тень https://jsfiddle.net/0mfnfLkL/1/. Поиграйте со значениями и поймете.

[sergey]

kulaeff: спс уже разобрался

Answer 1

[krainoff99]

box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2);

Answer 2

[sergey]

box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2);