CSS v Photoshop Box Shadows: потерянный в переводе
Пытаясь написать пост, связанный с работой с графическим художником для моих студентов, занимающихся веб-разработкой, я понял, что у меня могут быть некоторые пробелы в моих собственных знаниях спецификаций Photoshop для box-shadow.
ВОПРОС: Что я неправильно выразил с технической точки зрения в следующем: тени блока определяются в различных наборах в графических программах, таких как Photoshop и CSS-кодирование.
ФОТОШОП ОПИСАНИЕ Тень: Непрозрачность: 20% Режим: умножение расстояния 10 пикселей Угол 135 градусов X смещение: 7 пикселей Y смещение: 7 пикселей Распространение: 0% Шум 0%
CSS ОПИСАНИЕ box-shadow: нет |h-shadow v-shadow blur размытый цвет | вставка | начальная | наследовать; (Например, box-shadow: 10px 10px 5px #888888;)
ПЕРЕВОД 1. Непрозрачность: чтобы установить непрозрачность, вы должны использовать цвет rgba вместо шестнадцатеричной прямоугольной тени: 10px 10px 5px rgba(0, 0, 0, 0.2); 2. Режим: это, вероятно, более сложно, чем небольшой бюджет проекта. 3. Расстояние: это называется размытием 4. Угол: это делается с помощью первых двух настроек в CSS. Проблема в том, что я не уверен, как здесь переводится количество градусов. Кажется, это проблема других людей. 5. Смещение: если угол сделан с первыми двумя настройками, а смещение - это то же самое, у нас есть некоторая путаница. 6. Распространение: похоже, это одно и то же. 7. Шум: не является частью CSS