Внутренняя тень (inner shadow) может быть позже создана в CSS с использованием свойств box-shadow и inset. Вот пример кода для создания внутренней тени на блоке div с классом «shadow»:
HTML:
<div class="shadow">
<p>Это блок с внутренней тенью</p>
</div>
CSS:
.shadow {
width: 300px;
height: 150px;
background-color: #fff;
box-shadow: inset 0 0 10px #ddd;
}
Здесь мы использовали свойство box-shadow с значением inset, чтобы создать внутреннюю тень. Параметры по порядку:
- offset-x: 0 — тень смещается не вправо и не влево
- offset-y: 0 — тень смещается не вверх и не вниз
- blur-radius: 10px — радиус размытия
- color: #ddd — цвет тени (здесь используется серый)
Вы можете изменять значение box-shadow в соответствии со своими потребностями, чтобы создать тень нужного цвета, радиуса и глубины.