Как копировать тени, градиенты и т.п. из PSD в CSS3?

Question

[Alexander-K]

Сейчас на CSS3 можно делать практически любые тени, обводки, свечения, градиенты и т.п. Но в макетах PSD дизайнеры рисуют такие разные тени, столько различных вариаций и т.п., что вручную их в CSS далеко не сразу получается воспроизвести.

Какие есть способы скопировать стиль теней из макета PSD в CSS3. Может сервисы какие-либо или что-то еще?

Чтобы не приходилось сидеть и вручную долбить CSS, подбирая различные значения для box-shadow, обновляя страничку, пока тень не получится такая же как в макете.

Answer 1

[Павел Мышкин]

Плагин CSS Hat попробуйте для фотошопа.

Answer 2

[Денис Инешин]

Как указали выше, вот такой вот есть плагин: pnghat.madebysource.com
но он платный.

Либо можно за несколько секунд сделать нужный градиент здесь: www.colorzilla.com/gradient-editor

Answer 3

[Константин Величко]

Бесплатный плагин: css3ps.com отправляет на сервер, нужно ждать 10 секунд
Платный плагин: csshat.com ~40$ но возможностей больше и сразу показывает код, в т.ч. для препроцессоров
Встроенный функционал: helpx.adobe.com/ru/photoshop/using/copy-css-shape-...