Box Shadow
CSS тени
0px
4px
12px
0px
25%
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);Часто задаваемые вопросы
Какие параметры у box-shadow?
Box-shadow принимает: горизонтальное смещение, вертикальное смещение, радиус размытия, радиус распространения (опционально) и цвет. Пример: box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.3).
Как создать реалистичную тень?
Используйте несколько слоёв теней с разными значениями размытия, делайте тени тонкими (низкая непрозрачность) и учитывайте направление источника света.
Что такое inset-тень?
Добавление ключевого слова "inset" создаёт внутреннюю тень, делая элемент вдавленным. Полезно для полей ввода и кнопок.