• Теория
  • Теория

Растяжение тени

Четвёртое цифровое значение задаёт растяжение тени.

box-shadow:
[inset] — внутренняя
5px     — смещение по x
10px    — смещение по y
[2px]   — размытие
[3px]   <— растяжение
[red];  — цвет

По умолчанию размер и форма тени такие же, как и у элемента, которому она принадлежит. Но размер тени можно изменить с помощью растяжения.

При нулевом (или не указанном) растяжении размер тени такой же, как у элемента. При положительном растяжении размер тени становится больше размера элемента, а при отрицательном — меньше.

Хотите всё и сразу? HTML, CSS, JavaScript, React, Node.js, оплачиваемая стажировка в Лиге А и гарантия трудоустройства. Записывайтесь на профессию «Фулстек-разработчик», которая стартует 20 мая 2024. Всего от 5520 ₽в месяц.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Игра теней» тренажёра «Погружение в декоративные эффекты» можно после регистрации и оформления подписки.