Jump to content

p-alexey

Newbie
  • Posts

    4
  • Joined

  • Last visited

p-alexey's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. А по какой формуле считаете вы? Из начальных параметров у нас есть угол(angle), смещение(distance), стягивание(spread), размер(size) прозрачность(opacity) и собственно цвет тени. Какой формулой пользуетесь вы для расчета параметров box-shadow и text-shadow: box-shadow: inset <сдвиг по x> <сдвиг по y> <радиус размытия> <растяжение> <цвет> ?
  2. Метод расчета для 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 и где подставлять минус?
  3. Всем добрый день, расскажите как определить параметры тени в photoshop для использования их в text-shadow, box-shadow. Прочитал статью http://heygrady.com/blog/2011/08/06/recreating-photoshop-drop-shadows-in-css3-and-compass/ , но как то не работает метод для углов >90 градусов. Или может быть я что то напутал.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy