Как реализовать тень, вернее как правильно указать параметры тени исходя из макета в Photoshop?

Question

[Владимир Ионенко]

Есть макет сайта, в котором имеются элементы с тенью. Как посмотреть параметры тени в фотошоп я знаю, как сделать тень в css тоже знаю, врос как перенести грамотно параметры тени из фотошоп в css.
К примеру есть такая тень

Как ее записать в box-shadow: ? ? ?px rgba(?);

Answer 1

[timfcsm]

box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .75);

Comments

[Владимир Ионенко]

Спасибо, а что значит угол 120 , как его указать ?

[timfcsm]

Владимир Ионенко: я там поправил, в начале тоже 1px) угол показывает откуда тень отражается, то есть сейчас она смещается на 1px в право и вниз (отражается от верхнего левого угла), если бы там было 90 град, то смещалась бы только вниз ( в css - box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, .75) ) и тд

[Владимир Ионенко]

Спасибо

[Дмитрий Шведов]

timfcsm: Вы не правильно рассчитали угол
box-shadow: 0.5px 0.866px 5px 0px rgba(0, 0, 0, 0.75);

Answer 2

[Дмитрий Шведов]

Судя по всему у вас PS не старой версии, а следовательно выберите слой к которому применен стиль, правой кнопкой, затем копировать CSS и вставляем куда вам удобней.

В итоге

box-shadow: 0.5px 0.866px 5px 0px rgba(0, 0, 0, 0.75);