Как определить параметры тени в photoshop для css верстки?

[p-alexey]

Всем добрый день, расскажите как определить параметры тени в photoshop для использования их в text-shadow, box-shadow. Прочитал статью http://heygrady.com/blog/2011/08/06/recreating-photoshop-drop-shadows-in-css3-and-compass/ , но как то не работает метод для углов >90 градусов. Или может быть я что то напутал.

[Great Rash]

Решаете уравнение для такого же угла <90 градусов, а потом подставляете минус к тому или иному катету.

[p-alexey]

Метод расчета для box-shadow:

@mixin photoshop-drop-shadow ($angle: 0, $distance: 0, $spread: 0, $size: 0, $color: #000, $inner: false) {

$angle: (180 - $angle) * pi() / 180; // convert to radians

$h-shadow: round(cos($angle) * $distance);

$v-shadow: round(sin($angle) * $distance);

$css-spread: $size * $spread/100;

$blur: ($size - $css-spread);

$inset: if($inner != false, 'inset', '');

 

@include box-shadow($h-shadow $v-shadow $blur $css-spread $color unquote($inset));

 

Например мои значения: $angle: 120, $distance: 1, $spread: 0, $size: 7, $color: #000, opacity(53%) (внутренняя тень)

тогда у меня получается: box-shadow: 1px 0 7px 0 rgba(000,000,000,.53) inner;

 

$angle = 1.046

$h-shadow: 0.99

$v-shadow: 0.18

и где подставлять минус?

[Great Rash]

Это SASS? Я не знаю этого языка. Но формула с вычислением катетов работать не будет просто потому, что в CSS нет дробных пикселей, там всё округлится. В итоге 0.99 превратится в 1, а 0.18 превратится в 0. Однако в фотошопе эти параметры дают 1 и 1.

[p-alexey]

А по какой формуле считаете вы? 

Из начальных параметров у нас есть угол(angle), смещение(distance), стягивание(spread), размер(size) прозрачность(opacity) и собственно цвет тени.

Какой формулой пользуетесь вы для расчета параметров box-shadow и  text-shadow:

box-shadow: inset <сдвиг по x> <сдвиг по y> <радиус размытия> <растяжение> <цвет>

?

[npofopr]

А этого http://melaniededon.com/psd-to-css3/ не хватит?

[p-alexey]

Хватит, спасибо за такую полезную ссылку.

[Great Rash]

А по какой формуле считаете вы? 

Я по-старинке, меряю прям в фотошопе, пока никто не жаловался.